how to move the banner cover the menu

Jim · ‎07-19-2024

Moeed · ‎07-19-2024

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header {
    position: absolute !important;
    background: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

View solution in original post

Jim · ‎07-19-2024

https://e169bd-2c.myshopify.com/

aas12356

Dan-From-Ryviu · ‎07-19-2024

Hi @Jim

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

{% if template == 'index' %}
<style>
.scrolled-past-header .header-wrapper { background: #000 !important; }
.header-wrapper { background: transparent !important; }
.header-wrapper * { color: #fff !important; }
.header-wrapper .header__heading-logo { filter: invert(1); }
#MainContent { margin-top: -138px; }
@media (max-width: 749px) {
#MainContent { margin-top: -65px !important; }
}
</style>
{% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Moeed · ‎07-19-2024

Hey @Jim