How to get a banner image UNDER the menu, not overlayed

Hi,

I'm desperately trying to have a full-bleed image right below my menu. It seems that when I use a banner image it automatically sets it as an overlay with the menu. If I use a spacer, its too much space between the menu and the image. How can I make the image below the menu without using a spacer?

Attached are images. I'd like the the image to appear under, like the second, but without such a large space between the menu and the image.

Hi. Can you share link to page in screenshot? We can help easier

10 hours ago, tuanphan said:

Hi. Can you share link to page in screenshot? We can help easier

Hi, yes. It's https://www.carolinereusenflowers.com/, PW creusen

Right now I have a block with a line but that's not ideal at the moment. 

One of my clients used this approach to solve the above problem.

You can add a blank section  above current section, then add this code to Design > Custom CSS to adjust its height.

/* home first section height */
body.homepage #page section:first-child {
	min-height: unset !important;
	height: 10px !important;
}

20 hours ago, tuanphan said:

One of my clients used this approach to solve the above problem.

You can add a blank section  above current section, then add this code to Design > Custom CSS to adjust its height.

/* home first section height */
body.homepage #page section:first-child {
	min-height: unset !important;
	height: 10px !important;
}

 

That's perfect! Thank you so much!

On 2/9/2021 at 4:34 AM, carolinereusen said:

That's perfect! Thank you so much!

Hi. The pagination title looks big on mobile. Do you want to replace it with Prev/Next text on mobile only?