Show mobile menu on desktop

charlirene
Excursionist
24 0 7

I would like to show the mobile menu on both desktop and mobile. The menu is currently hidden on the homepage but I did that until I can figure out how to show the mobile menu instead. 

 

https://fm1x3dwfrsvoxcpb-17781441.shopifypreview.com

dmwwebartisan
Shopify Partner
4562 1023 1320

@charlirene 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
[data-overlay="true"]:not(.is-sticky) .header__content .logo--default {display: block !important;}
[data-overlay="true"]:not(.is-sticky) .header__content .logo--transparent {display: contents !important;}
.template-index #NavMenus {display: block !important;visibility: visible !important;opacity: 1 !important;z-index: 5;}
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
charlirene
Excursionist
24 0 7

 @dmwwebartisan

Thanks for the response. That code shows the entire menu/header but it's not the mobile menu. I just want the three lines that you would see on a mobile device. 

0 Likes
dmwwebartisan
Shopify Partner
4562 1023 1320

@charlirene 

Sure, I will check and correct the code.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes