Pique Theme – hide sub-menus on mobile

  • Hi

    Can you help with hiding the sub-menus in the drop-down mobile menu? There are too many sub-menu items so the drop-down menu covers the mobile viewport … and the sub-menu items aren’t indented, so it’s a bit of a mess.

    I’ve tried selecting .main-navigation ul ul and .main-navigation ul ul a. I’ve tried visibility: hidden and display: none for each of those selectors, but I’m not getting anywhere.

    Many thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You can give this a try and see what you think.

    @media screen and (max-width: 768px) {
	.main-navigation ul ul ul {
		display: none;
	}
}
    Thread Starter l3ttie

    (@l3ttie)

    Hi

    I’m so sorry, I totally missed your reply.

    Works like a charm. Thanks so much for your help. Much appreciated.

    Colette

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    No worries, and you are welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Pique Theme – hide sub-menus on mobile’ is closed to new replies.