Header on desktop to match that of mobile header

[DavidStephens]

Hi Shopify Community,

I'm David, and I help run a website in Mexico:

https://miriamjoyeria.com/

I would like to match the same header as we have on the mobile to our desktop header.  It changes when it reaches a certain pixel limit.

Screenshot is below of what I would like permanently for all desktop headers.  I like that three-lines thing on the upper-left side.  It just looks cleaner to me.

Hopefully one of you CSS-ninjas can help me with the custom coding.

Thanks for reading!

[Ninthony]

you can put this in the bottom of your style-main.scss.liquid in your assets folder:

.menu_moblie {
    display:flex!important
}

div#shopify-section-header {
    display: none;
}

[Qualitycheck · Accepted solution]

Hi @DavidStephens,
1. Go to Online Store->Theme->Edit code
2. Asset->engo-customize.scss.css->paste bellow code in bottom of file
header#header {
display: none !important;
}

.menu_moblie {
width: 100%;
display: inline-flex !important;
}

[DavidStephens]

This worked.

Thank you all for your attention and help.  I love this community.

[Qualitycheck]

Thanks for kind of words feel free to reach out.

[Whatahb]

It's not at all what I'm promoting

[Whatahb]

Thanks. I'm going there now

[QueenKVybez]

Do you mind sharing what theme you are using?

[DavidStephens]

It’s Wanth Minimal Theme, and I bought it on themeforest.net. 

https://themeforest.net/item/wanth-minimal-clean-watch-store-shopify-theme/24671979

[QueenKVybez]

Thank you so much!

[vivame]

Hi I tried this for Turbo theme and it did not work, any idea how I can do the same? Just want media header on desktop and across all devices