Submenu items not nested in mobile view

  • quarterexistencecrisis

    (@quarterexistencecrisis)


    5 years, 2 months ago

    My home menu has submenu items that drop down on desktop (I.e. mental health is listed under health) However, on mobile, these items do not show as nested and instead show all as part of one list.

    Mobile view here

    I am not sure what causes this, and I am hoping it can be resolved with CSS or plugin.

    I would appreciate any help!

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

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

    (@mrtom414)

    5 years, 2 months ago

    You would have to adjust it at the media query 

    @media only screen and (min-width: 560px) {
	.sub-menu {
		margin-left:20px; 
	}
}
    Thread Starter quarterexistencecrisis

    (@quarterexistencecrisis)

    5 years, 2 months ago

    @mrtom414 do I need to edit this in my theme? this code does not do anything in the CSS editor- even when I correctly identified the .sub-menu item.

    mrtom414

    (@mrtom414)

    5 years, 2 months ago

    you should be able to place it in the customizer additional css. Try changing it to

    @media only screen and (min-width: 560px) {
    .sub-menu li {
    margin-left:20px;
    }
    }

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

The topic ‘Submenu items not nested in mobile view’ is closed to new replies.