Put the Banner Image Behind Menu Publisher Theme

Store Design
, , , ,
1

Hi,

I am trying to put the Image of the Banner behind the menu also, the problem is that investigating I am not managing to do it. Can someone give me a brief help or explanation on how to do it?

Thank you a lot!

My web is: https://damnedshop.com

A web example of how i want is: https://shirtz.cool

2

Hi [email removed]Gorben,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

body:not(.scrolled-past-header) sticky-header{
background:transparent !important
}
body:not(.scrolled-past-header) sticky-header *{
color:white !important
}
body:not(.scrolled-past-header) #MainContent{
 margin-top:-155px !important
}

body:has(.shopify-section-header-sticky) sticky-header{
background:#f9f7f7 !important
}
body:has(.shopify-section-header-sticky) sticky-header *{
color:inherit !important
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

2 Likes
3

Hello! It worked! Thank you a lot!

4

Hello Again @PageFly-Victor

It works perfectly on main page but when i go to another one like product, contact or anything it collapses between the page. Is it normal? can I do something?

Thanks a lot

5

@Gorben Hi! Encountered the same thing. This thread might help.