Hamburger menu on desktop: Maker theme

StruckByLashes
Tourist
7 0 3

I'd like the hamburger menu to be displayed on both mobile and desktop. Could someone advise how this can be achieved please? Domain is struckbylashes.com.

 

Thank you!

Guleria
Shopify Partner
1781 376 532

Hello @StruckByLashes ,

Find this css and comment/remove 'display: none;' 

.header--left-side [data-off-canvas--open=left-sidebar] {
    display: none;
}

Not sure where it is but may be in theme.liquid or header.liquid.
Once you do it after that add this css in bottom of theme--critical.css , You can find this file under assets.

.header--left-side [data-off-canvas--open=left-sidebar] {
    float: left;
}

 

Thanks

 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes
KetanKumar
Shopify Partner
23454 2357 8631

@StruckByLashes 

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme--critical.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.header--left-side [data-off-canvas--open=left-sidebar] {
    display: inline-block;
}
ul.x-menu--level-1--container {
    opacity: 0;
    visibility: hidden;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
2125 546 1300

hello @StruckByLashes 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 768px){
.header--left-side [data-off-canvas--open=left-sidebar] {
    display: none;
}
}

 

0 Likes
StruckByLashes
Tourist
7 0 3

Thank you very much all!

 

Both solutions worked great! If I wanted to have the navigation sub-menus collapsible could you advise how I could do this please? Example store here: doseoflashes.com

 

Thank you very much!

0 Likes
rozay135
New Member
2 0 2

I am missing my main menu in the DEBUT template. I tried many solutions from the community but none seems to work. the site is www.hairbyus.net

KetanKumar
Shopify Partner
23454 2357 8631

@rozay135 

try this code your menu 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (min-width: 750px) {
nav#AccessibleNav {
    display: table-cell !important;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes