Announcement bar disapears after 3 second on laptop

Announcement bar disapears after 3 second on laptop

JTH
Visitor
3 0 0

Hi there,

 

I have an announcement properly set up but this one is not showing after the page is fully loaded.

It works properly on phone but not laptop. i try to clear the cache and different navigator browser. It leaves a ugly space before the menu bar.

Thank for your help

Website jolenesteahouse.comScreenshot 2024-06-27 at 12-13-36 Jolene's Tea House · Themes · Shopify.png

Replies 2 (2)

round
Shopify Partner
113 18 10

@JTH   hope you are well

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme-index.min.css or bas and paste this code on the end

 

 

#shopify-section-announcement-bar {
    position: relative;
    z-index: 999;
}

 

 

 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

Dan-From-Ryviu
Shopify Partner
8382 1650 1662

Hi @JTH 

You can solve it by adding this code to Custom CSS in your Online Store > Themes > Customize > Theme settings 

 

#shopify-section-announcement-bar { z-index: 99999; }

Screenshot 2024-06-28 at 10.35.20.png

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.