• Resolved zaharamh

    (@zaharamh)


    Hello,

    I am developing a new site with panel and just realised that dropdown menus don’t work in the collapsed menu for smaller screens, the dropdown menu items just don’t appear at all, so they are not usable.

    I can’t easily fix this with css, but I was wondering if this was a bug?

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    In the mobile version, submenus are not displayed to keep things compact, but you can override that by adding some custom CSS like this:

    .main-small-navigation ul {
        display: block;
    }

    You’ll likely then also need to tweak the mobile submenu styles as well, since the theme didn’t include any as it wasn’t designed to be displayed.

    Let me know how it goes.

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thread Starter zaharamh

    (@zaharamh)

    Thank you, I guess that was my question, if this was intentional or not. I am using a child-theme already, so it was easy enough to do.

    Moderator Kathryn Presner

    (@zoonini)

    Great, glad you’re set.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Dropdown menu issue’ is closed to new replies.