How can I extend my banner image to cover the header?

Hi everyone!

I would to make my banner image cover the header, like extending the picture upwards. Putting the banner image also in the background of my header.

Can anyone help me?

My store: https://smoothieontheway.myshopify.com

My theme is Sense

Thanks!

1 Like

@Anders97

Hey, your store is password protected share the password then we will able to help.

Hi! Thank you so much for being willing to help me! I removed the password now.

Hi! Thank you so much for being willing to help me! I removed the password now.

sorry for the late replay.

ok i will check.

@Anders97

You want to like this?

if your answer is yes then please add the below code above in theme.liquid

online store >> edit code >> theme.liquid

{% if template == ‘index’ %}

.shopify-section-group-header-group.announcement-bar-section{ height: 5px; } .header-wrapper{ position: absolute; width: 100%; background: transparent; } .header-wrapper .header{ margin-top: 20px; }

{% endif %}

save it and go to the preview.

Thanks for reaching us :slightly_smiling_face:

Hi @Anders97

We’ve checked your website. It seems like you’ve found a solution to your problem.

Should you have any further questions, feel free to contact us.

1 Like

Thank you so much!

1 Like

hey, i did the same thing that you told the other guy to do and it worked on the desktop although on mobile it the text from the banner moved up to the header and now it looks weird. Can you please help me?

URL?

haqqclothing.shop

pass: Haqq2023

thanks!