Solved

Hiding a header section in mobile

korrynf
Excursionist
18 0 4

Hello,

For some reason the current code I have to hide a second header in mobile, isn't working anymore. I am trying to hide the menu below the announcement bar "Free Shipping on orders over $100". I want to hide that second hamburger menu.

Screenshot 2024-03-19 at 8.56.38 PM.png

This is the current code that is not working:

Screenshot 2024-03-19 at 8.58.13 PM.png

Can someone help?

Thank you!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7558 1461 1457

This is an accepted solution.

Hi @korrynf 

You must update that code to this to make it work

<style>
@media (max-width: 749px) {
#shopify-section-header2 { display: none !important; }
}
</style>

 

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 6 (6)

Hardik29418
Shopify Partner
2913 419 1081

@korrynf  Please provide website url

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
korrynf
Excursionist
18 0 4
Thedenimlab.com
Hardik29418
Shopify Partner
2913 419 1081

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
@media only screen and (max-width: 767px) {
  #shopify-section-header2 {
    display: none !important;
  }
}
</style>

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
korrynf
Excursionist
18 0 4

Thank you for your help!

Dan-From-Ryviu
Shopify Partner
7558 1461 1457

This is an accepted solution.

Hi @korrynf 

You must update that code to this to make it work

<style>
@media (max-width: 749px) {
#shopify-section-header2 { display: none !important; }
}
</style>

 

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

korrynf
Excursionist
18 0 4

Thank you so much, this worked!