Is it possible to have the hamburger menu on at all times in the supply theme??

Technical Q&A
1

Is it possible to have the hamburger menu on at all times in the supply theme?? I would like the desktop menu to be collapsed at all times is this possible?

2

Yes it’s possible but you will have to modify both CSS and JS have that, and also the CSS and JS for the main nav bar for desktop sized screens.

If you want to just buy this customization contact me at paull.newton+shopifyforums@gmail.com with store url,storefront password, and this topic details.

ALWAYS backup themes and files before making changes

This is general advice your theme code may vary.

For the current version of supply https://supply-electronics.myshopify.com/

For the JS you’ll be looking for the following in theme.js and you’ll want to " timber.toggleMenu()," and modify the logic to work on larger screens , which will include hunting down the related CSS

timber.toggleMenu = function() {

To display the menu button look for the following CSS and NOTE THAT THIS DOES NOT ENABLE THE MENU it only shows the button or apply the proper attributes applies through Javascript

#mobileNavBar {
    display: none;
    width: 100%;
    background-color: #182e49;
}

to

#mobileNavBar {
    /* display:none; */
    width: 100%;
    background-color: #182e49;
}

Then find the media queries hiding the related nav elements

@media screen and (min-width: 769px)
.mobile-nav {
    / * display: none; */
}