Solved

Header drop-down hiding behind image banner

Linaomer
Visitor
3 0 0

Hello, 

 

My header drawer and the cart and anything from the header is hiding behind the image banner when clicked on. Please help me fix it.Screenshot 2024-03-17 at 1.49.14 AM.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1825 514 389

This is an accepted solution.

Hey @Linaomer,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
a.a_img_banner_link {
    z-index: 0 !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710691530322.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 4 (4)

PageFly-Henry
Astronaut
986 283 230

hI @Linaomer 

This is Henry from PageFly - Landing Page Builder App

 

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


.banner  a.a_img_banner_link {

    z-index: unset;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

ThePrimeWeb
Shopify Partner
1825 514 389

This is an accepted solution.

Hey @Linaomer,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
a.a_img_banner_link {
    z-index: 0 !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710691530322.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Linaomer
Visitor
3 0 0

Thank you it worked but now that I added that the shop now button on the image banner is not working it's not clickable anymore I tried removing the code you gave me and it worked so I believe the code that was added is messing up with "shop now" button not he banner

ThePrimeWeb
Shopify Partner
1825 514 389

Oh, I didn't know it's clickable, just change the value from 0 to 2, then it'll be fine

ThePrimeWeb_0-1710719516126.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!