A user reports an announcement bar disappearing after 3 seconds on laptop/desktop devices, while functioning correctly on mobile. The issue persists across different browsers and after clearing cache.
Proposed Solution:
A CSS fix was provided to address the problem:
#shopify-section-announcement-bar with z-index: 99999This solution aims to resolve both the disappearing announcement bar and an associated spacing issue that appears before the menu bar. The discussion appears resolved with a technical workaround, though no confirmation of implementation or success has been posted yet.
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.com
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; }
