Dawn. Make image banner show under header. Please help me!

So ive been seaching and reading and trying to do this for a good while now. but all the guides even the ones that are only some months old seems outdated. or atleast dosent match or work as intended anymore.

I know and can see this is a common question, but seem like as fast as it gets anwsered shopify updates.

So please some one help me getting this done.

Thank you in advance, this community have already helped me learning alot from just reading excisting posts.

Hi TheWatchKing,

I am not entirely sure what you mean by showing the banner under header.
Do you mean the text that is shown on top of the image? Do you want that text to be the header with no background image?

If that is what you mean, you could remove the header text from the β€œheader” section and just add a new section above that with the text that you want.

If it is not what you mean, please provide some extra detail about what you want so I can try to solve your problem.

Kind Regards

Hello @TheWatchKing
Its Artzen Technologies! We will be happy to help you today.

Please send your store url

Let me know if need further assistance
Regards,
Artzen Technologies

Sorry if i didnt make myself clear, i want my image banner to go behind the header so the image i upload will be behind the the menus in the header.

and not just a white header box with menus

https://g-modz.com/

https://g-modz.com

there you go :slightly_smiling_face:

You can try to follow these steps:

Go to Online Store β†’ Themes β†’ Actions β†’ Edit code.

Go Assets folder β†’ theme.liquid file.

Add the following code in the bottom of the file above tag


Sadly no luck, Header is stil a white block over the image banner. Im on dawn 11.0 if that makes any diffence

Go to Online Store β†’ Themes β†’ Actions β†’ Edit code.

Go Assets folder β†’ theme.liquid file.

Add the following code in the bottom of the file above tag

use this css instead of first one


banner header is under header you can change your banner image then u see exactly you want

Still no luck. The header is still just a block above the image banner

before

i am change banner image and use same css after that

WORKS!

I dont know why this did not work on the one in theme library i do tests on. But it straight up worked when i did it on the public one i have going.

Thank you very much! Ive been struggling with this problem for a while now!