The announcement bar on mobile covers my header which includes the navigation buttons on the site. Unable to see cart or navigation buttons because the announcement bar is covering them. https://pecosoutdoor.com/products/the-pecos-table/

Hi Dan-From-Ryviu Sadly this is not working for my Craft theme, it’s hiding my logo and menu. Is there other way around this please?

Hi @GiudFabri123 Please share your store URL so I can check

Hey, hope all is well. Any luck pls? On mobile you can’t see the logo unless you scroll down let me know, thank you! Preview

Please add this code to theme.liquid file, after @media (max-width: 749px) { html .header { padding-top: 52px !important; } }

Why is my mobile announcement bar hiding my navigation buttons?

Dan-From-Ryviu November 24, 2023, 6:42am 2

Please add this code to your theme.liquid file before tag

Topic		Replies	Views
Mobile menu covered Store Design header , customizations , css , html	4	51	August 22, 2024
How can I fix my announcement bar blocking the menu on mobile? Store Design menu , design , customizations , css , shopify-themes	5	160	January 17, 2023
Stop Announcement Bar from Hiding Ella theme 6.5.2 Store Design design	9	120	October 3, 2024
Announcement bar doesn’t display on mobile Shopify Discussion	11	280	March 6, 2021
Announcement bar not visible on mobile device Shopify Discussion	11	120	February 6, 2024