Solved

Announcement bar language switcher behind header

Ofinomics
New Member
7 0 0

Hi,

 

I need help as my announcement bar language switcher appears behind the header (see https://ofinomics.com/)

Captura de pantalla (13).png

 

I would like to keep both announcement bar and header sections as sticky but only to move header behind announcement bar currency and language switcher selector.

 

Thanks a lot!

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1825 514 389

This is an accepted solution.

Hey @Ofinomics,

Please try this. 


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>
@media only screen and (min-width: 769px) {
    body > div#shopify-section-sections--19412699808074__announcement-bar {
        z-index: 14 !important;
    }    
}
</style>

 

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

 

ThePrimeWeb_0-1706455143668.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 3 (3)

ThePrimeWeb
Shopify Partner
1825 514 389

This is an accepted solution.

Hey @Ofinomics,

Please try this. 


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>
@media only screen and (min-width: 769px) {
    body > div#shopify-section-sections--19412699808074__announcement-bar {
        z-index: 14 !important;
    }    
}
</style>

 

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

 

ThePrimeWeb_0-1706455143668.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!
Ofinomics
New Member
7 0 0

Thanks a lot! It worked 🙂

PageFly-Richard
Shopify Partner
4226 957 1604

Hi @Ofinomics 


This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media only screen and (min-width: 767px) {
    #shopify-section-sections--19412699808074__announcement-bar {
        z-index: 14 !important;
    }    
}
</style>

Hope this can help you solve the issue

 

Best regards,

Richard | 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.