Support » Theme: Maker » Hide sub-menu on mobile version

  • Resolved ioanmorris

    (@ioanmorris)


    Is it possible to hide sub-menus on the mobile version. I currently have eight sub-menus for one category, which is okay for a computer, but noticeably unwieldy on my phone.

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Perhaps a collapsable menu?

    Theme Author Dmitry Mayorov

    (@iamdmitrymayorov)

    Hi, sorry, for a delay. Yes, I’m working on a collapsible menu for one of the following next updates. For now, you can use this snippet to temporarily hide submenus on screens smaller than 768px:

    @media screen and (max-width: 767px) {
    	.main-navigation ul ul,
    	.main-navigation.toggled ul ul {
    		display: none;	
    	}
    }
    

    Add it to the Additional CSS panel in the Customizer.

    This should do the trick.

    Thank you, that worked brilliantly. Merry Christmas!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide sub-menu on mobile version’ is closed to new replies.