Support » Theme: Twenty Sixteen » How to turn off mobile menu at Twenty Sixteen?

  • Hello,

    I’m trying to turn off the mobile menu on Twenty Sixteen. It means I want to have the menu always displayed. I don’t want to have it collapsed on mobile device.

    Would anybody recommend the CSS?

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • I think the simplest way would be to use the following CSS

    @media screen and (max-width: 768px) {
    	.site-header-main .site-header-menu {
    		display: block;
    	}
    }

    Thanks for the code. Unfortunately it doesn’t work. I still the menu on mobile is still hiding and I have click on the button to open it. See? https://imgur.com/a/YKmvDaJ

    Hi, I tried again on my default Twenty Sixteen install and it is working for me in Chrome on OSX. Do you have a live site where you tried adding it into and it isn’t working so I can take a closer look?

    Hello,

    sure, my website is https://liborsmolik.com/

    I applied your code into CSS but it’s the same. On mobile, I still have to click on menu button to expand it. I would like to have the menu expanded all the time and make button disappear.

    Thanks, try the following as it looks like it should work

    @media screen and (max-width: 768px) {
    	.site #secondary {
    		display: block;
    	}
    
    	.site .secondary-toggle {
    		display: none;
    	}
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.