Why is my mobile announcement bar hiding my navigation buttons?

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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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/

Why is my mobile announcement bar hiding my navigation buttons?

Why is my mobile announcement bar hiding my navigation buttons?

Community Blog Articles