Re: Announcement Bar covering header

LukeY1 · ‎11-24-2023

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/

Dan-From-Ryviu · ‎11-24-2023

Hi @LukeY1

Please add this code to your theme.liquid file before </head> tag

<style>
@media (max-width: 767px){
.siteHeader { top: 40px !important; }
.hamburger { top: 62px !important; }
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu · ‎11-24-2023

Hi @LukeY1

Please add this code to your theme.liquid file before </head> tag

<style>
@media (max-width: 767px){
.siteHeader { top: 40px !important; }
.hamburger { top: 62px !important; }
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

GiudFabri123 · ‎06-04-2024

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?

Dan-From-Ryviu · ‎06-04-2024

Hi @GiudFabri123

Please share your store URL so I can check

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

GiudFabri123 · ‎10-23-2024

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

Dan-From-Ryviu · ‎10-23-2024

Please add this code to theme.liquid file, after <head>

@media (max-width: 749px) {
    html .header {
        padding-top: 52px !important;
    }
}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

GiudFabri123 · ‎06-10-2024

https://www.scanditure.com/

Re: Announcement Bar covering header

Why is my mobile announcement bar hiding my navigation buttons?