Shopify themes, liquid, logos, and UX
Hi,
I need help as my announcement bar language switcher appears behind the header (see https://ofinomics.com/)
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!
Solved! Go to the solution
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.
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.
Thanks a lot! It worked 🙂
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!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hello
How to replace search icon with language switcher on desktop and mobile
thank
Dawn Theme
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025