Full-width image header on pages

[tracy2]

tracy2

July 11, 2019 at 9:15 am

Hi there,
I’m trying to set a full-width image header on the ‘about us’ page on an in-development client site. On the home page, I achieved this with the Kadence Slider Pro, with only one image. (With one slight issue, which I’ll describe below.)

On the ‘about us’ page, I tried to use a full-width image module, as mentioned in a thread I found on this support forum. However, there’s white padding above it, and whilst the source image is 1280px wide, it’s being displayed at 1109px wide. The site’s not live so I can’t show you, but I’m attaching two screen shots – one of the left-justified, constrained image, and one of the page source code behind that element, in case that’s enough to troubleshoot. (I’d like for there to be no white space between the top of the image and the secondary menu above it, as is the case with the Kader Slidence Pro homepage header; is that possible?)

Additionally, when I first load any page on the site (including but not limited to the homepage with the single-image Kadence Slider Pro), a gap often appears between the secondary menu and the page header, or between the secondary menu and the hero image on the homepage. It disappears on page refresh, when I use View Page Source, or recently by itself, after a second or two.

I’m attaching two screen shots for that too – you can see one with the white gap between the secondary menu and page header, and one without. (The gap disappeared by itself a second or two after the page first loaded.)

Thanks in advance!