Hello, How can I extend my image banner to the top of the page (behind the menu) on all pages, not just the home page? I was able to get my homepage to do what I’m trying to do with the image banner, but can’t replicate it to all pages. I’d like this effect site-wide so each image banner at the top…

Thanks, I see that you a code that is margin-top: [Made4uoRibe_0-1739997108062.png] Replace on this code below. .banner.banner--content-align-center { margin-top: -200px; } And Save. Result: [Made4uoRibe_1-1739997155237.png] Please don’t forget to Like and Mark Solution to the post that…

Hi @madisonrome Do your other pages have image banners as well? If so, please share your store URL so I can take a look. Thanks!

Yes! Thank you so much. My site is: https://madrome.co/ You’ll see on the Contact, About, FAQ, etc. each has an image banner at the top.

Hi! If you wouldn’t mind helping again, what code can I add so that my drop down menu doesn’t have any white space underneath it? Here is my link: https://madrome.co/ Thank you!!

Hello, Im sorry, i didnt get what you mean. You have some sample pictures of the problem?

I cant see the image, do you mean this space? [Made4uoRibe_0-1740673641062.png] from the nav.menu and the dropdown? The space is the height of the header. If you like lesser space you can add this code below. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the…

Thank you!!! This is just what I was looking for!

Hi, I am trying to do this just for my homepage Dawn Theme but I haven’t been able to do it at all and some of the instructions are really confusing me. Can anybody please help. I want the image banner to sit behind my Menu.

Hey @UserAD1610 , You are right. This is happen because of the new version of the Dawn theme. By any chance can you please share your store url and collab code so that I can implement the same feature in your Dawn theme. Waiting to hear back from you. Thanks

Hi I am having the same problem, i have it on the homepage, but it says I have too many CSS, to put it on all pages. Also There is extra space at the bottom of my image banner on the homepage that is making a huge gap between my sections. Can anybody help please. This is my store url https://adawel…

How can I extend my image banner to the top of the page (behind the menu) on all pages?

Technical Q&A

madisonrome February 27, 2025, 4:22pm 7

Yes of course! You see the drop down menu falls far below the menu itself?
There is a gap in the white space.

[image: Screenshot 2025-02-27 at 11.21.07 AM.png]

Topic		Replies	Views
Put the Banner Image Behind Menu Publisher Theme Store Design menu , design , customizations , css , shopify-themes	4	65	April 7, 2023
How can I fix a drop down menu displaying under the image? Technical Q&A shopify-theme	6	101	December 5, 2022
How can I make my Dawn theme banner image full width with logo and menu inside? Store Design	4	124	December 12, 2023
How do I enlarge my Image banner? Store Design design , header , customizations , footer , landing-page , css , shopify-themes	3	59	September 25, 2024
Moving logo further down into image banner along with menu on Dawn Theme Store Design menu , design , customizations , shopify-themes	16	410	January 11, 2023

How can I extend my image banner to the top of the page (behind the menu) on all pages?

Related topics