Hide sub-menu on mobile version

  • Resolved ioanmorris

    (@ioanmorris)


    9 years, 6 months ago

    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)
  • Thread Starter ioanmorris

    (@ioanmorris)

    9 years, 6 months ago

    Perhaps a collapsable menu?

    Theme Author Dmitry Mayorov

    (@iamdmitrymayorov)

    9 years, 5 months ago

    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.

    Thread Starter ioanmorris

    (@ioanmorris)

    9 years, 5 months ago

    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.