How can I hide a specific header in mobile view?

[korrynf]

Hello I am trying to hide a header in mobile view. I have multiple headers that show based on condition. I need to hide two of my existing headers on mobile so that only one main header shows on mobile.

As you can see, on mobile I have two hamburger menus. I want the second one to be hidden when in mobile. 

On desktop the two menus are fine. How would I remove this second hamburger menu?

 

[Hardik29418]

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

[korrynf]

Hi thank you, the URL is thedenimlab.com ..no password

[Hardik29418]

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: 999px) {
.shopify-section-header2 {
display: none;
}
}
</style>

Like and accept it as a solution if my solution works.

[devcoders]

Hello @korrynf 

Admin, go to online store > themes > actions > edit code.
Asset > theme.css and paste this at the bottom of the file.

@media screen and (max-width: 999px){
header#shopify-section-header2 {
display: none;
}
}

[PageFly-Henry · Accepted solution]

Hi  @korrynf 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width:  767px){

header#shopify-section-header2 {

    display: none;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFl

[korrynf]

This worked thank you!

[PageFly-Henry]

You are welcome @korrynf 😊

[themiaraecoll]

Hiya,

I am trying to do something similar I have attached some photos to help explain. 

If possible i would like the make the pink border on the mobile view be only around the circled section of writing as it covers up the photo.

If not then am i able to remove that whole section but only from the mobile view. not from the desktop as it looks fine on there. 

thank you