Menu on mobile device

  • Hi everyone,

    looking for some help on my site with the menu.

    Currently, all my menu items show up expanded, as in, any menu item and sub menu item all how up instead of being “hidden” until i click on it to see the sub menu.

    Is there a fix to this or how can i make it that i only see the top menu until i click on an item?

    thanks!
    https://www.centennialfc.com

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

    (@brianmiyaji)

    @overrryde Good question! Submenus in mobile are displayed by default, but you can add the following code to your stylesheet, or via the Custom CSS field in SportsPress > Settings to only show them when the parent menu item is active:

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

    This worked like a charm thanks @brian

    Roch

    (@rochesterj)

    You’re most welcome!

    Let us know if you need anything else.

    Kind Regards,
    -Roch

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu on mobile device’ is closed to new replies.