Drop-down menu displays wrongly on phones.

  • Unknown's avatar
    nicegirl1 · Member ·

    Hi – on a phone, when selected, the main Menu button on my Hever theme drops-down ALL pages on the site at once, rather than just the sub-menus.
    This is not a problem on either a laptop of a tablet, where the Menu button works as intended.

    WP.com: Yes
    Jetpack: No
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • aleone89 · Staff ·

    Hey there,

    Many thanks for reaching out.

    I’ve taken a look and it looks like this is behaving as intended, that said, I can see that you perhaps might want differentiate this a bit further.

    This CSS, will indent the sub-menu on a mobile: 

    /* Indent menu on mobile AL */

@media only screen and (min-width: 560px) {
.main-navigation .sub-menu .menu-item a {
    padding-left: 15px;
}
}

    This CSS, could be run via Appearance > Customize > Additional CSS, and could be applied if the site is on the WordPress.com Premium plan:

    Are there other style changes you might be looking to make?

    Looking forward to hearing from you!

  • The topic ‘Drop-down menu displays wrongly on phones.’ is closed to new replies.