Header on desktop to match that of mobile header

Solved
DavidStephens
Tourist
20 0 1

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!

 

captira.png

 

Accepted Solution (1)

Accepted Solutions
Qualitycheck
Shopify Expert
1432 114 232

This is an accepted solution.

Hi @,
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;
}

View solution in original post

Replies 10 (10)
Ninthony
Shopify Partner
2272 342 937

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;
}
If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish 😄
Qualitycheck
Shopify Expert
1432 114 232

This is an accepted solution.

Hi @,
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
Tourist
20 0 1

This worked.

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

Qualitycheck
Shopify Expert
1432 114 232

Thanks for kind of words feel free to reach out.

Whatahb
New Member
2 0 0
Whatahb
New Member
2 0 0
Thanks. I'm going there now
QueenKVybez
New Member
2 0 0

Do you mind sharing what theme you are using?

DavidStephens
Tourist
20 0 1

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
New Member
2 0 0

Thank you so much!

vivame
Explorer
74 0 8

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