This is the code I have in the theme.css (theme is w a r e h o u s e) @media (min-width: 650px){ #shopify-section-announcement-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; } #shopify-section-header { padding-top: 38px; top: 30px; } This makes the announcement bar sti…

Hello @EastMeetsWestUS , Try to use below css instead [Remove media query] #shopify-section-announcement-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; } #shopify-section-header { padding-top: 38px; top: 30px; } If still facing the same problem, please send me url to …

Hi, this code works in terms of making the announcement bar sticky on BOTH mobile and desktop. However on mobile the announcement bar overlaps a bit - see attached

With this code, there seems to be no separation coding for mobile or desktop. If I change the top margin, won’t this effect how it looks on desktop?

so you would need a media query for mobile only: #shopify-section-announcement-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; } #shopify-section-header { padding-top: 38px; top: 30px; } @media (max-width:650px){ .header-selector(grab the selector for the header elemen…

I’m having the same issue, I’ve tried a variety of codes, the code below works perfectly for desktop, but not mobile. I’ve attempted to include media codes, but no luck. I’ve tried all the codes above, but no luck. Please help :slightly_smiling_face: .announcement-bar-section { position: sticky; …

Sticky Annoucement Bar on Theme - Not sticky on mobile

Shopify Discussion

logangelzer November 27, 2023, 6:45pm 4

you will need to add some top margin on mobile to the header to prevent the overlap

Topic		Replies	Views
Make Announcement Bar Sticky - Warehouse Theme Store Design	10	77	April 27, 2022
Sticky Announcement Bar Sense Theme Shopify Technical Q&A css , shopify-theme	32	216	February 20, 2025
Dawn Theme Announcement Bar Sticky on Mobile! Please Help! Technical Q&A	10	134	August 19, 2025
How do i make my announcement bar sticky? Store Design	26	401	May 11, 2022
Issue with Sticky Navigation Bar & Announcement bar in mobile version: Venture Theme Store Design	6	91	August 7, 2021

Sticky Annoucement Bar on Theme - Not sticky on mobile

Related topics