Primary Navigation – Can’t see dropdown menus

  • Hello,

    When I hover over the menu options on the primary navigation menu they don’t appear, despite having the ‘hover’ option enabled in the customizer settings.

    I want to be able to hover over ‘dogs’ and ‘cats’ to then show the submenus. Some of the submenus then have another layer of submenu so I want to be able to show this on hover too.

    I’m a complete newbie and this is my first ever website building experience, so it may be a simple fix. Any help is greatly appreciated, thanks.

    Alex

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

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

  • I see the inline CSS style display: none; on both submenus. This is why the drop-down doesn’t work.

    https://i.snipboard.io/t8Xoac.jpg

    Thread Starter alexcrow911

    (@alexcrow911)

    Thanks,

    Silly question but how do I change this?

    What I can’t, for the life of me, figure out is how this inline CSS code got there in the first place. I’ve installed the GeneratePress theme and gone over all the options… but can’t find any feature to show/hide the primary navigation’s drop-down menu.

    This leaves me with the only option of using brute force to override the problematic inline style that’s hiding the submenu. Please add the following custom CSS in APPEARANCE > CUSTOMIZE > ADDITIONAL CSS:

    #primary-menu ul.sub-menu {
    display: block !important;
}
    Thread Starter alexcrow911

    (@alexcrow911)

    Thanks George, I really do appreciate you taking the time to look into this for me.

    The only options I can find are in Customise>layout>primary navigation (but I’m assuming the answer isn’t to be found here)

    I tried that line of CSS and it’s worked. Is it okay to just implement that then as the fix? I’d won’t cause any other issues?

    Thread Starter alexcrow911

    (@alexcrow911)

    Also, one more related question if I may. I’m trying to get my posts/blog page to appear in these drop down menus but I can’t. My posts/blog page is setup as a page called ‘General’, under the subheadings Dogs>Dog Health and care>General.

    Any idea how I can get this to show in my dropdown submenu?

    Thanks so much

    EDIT: Actually ignore this, I fixed it myself ??

    • This reply was modified 1 year, 9 months ago by alexcrow911.

    Sorry for the delayed response: life got in the way ??

    I tried that line of CSS and it’s worked. Is it okay to just implement that then as the fix?

    Yes.

    I’d won’t cause any other issues?

    No, it shouldn’t.

    I personally prefer to get to the root and remove any offending code (where possible), rather than add another code to override the offending code. That’s why I didn’t offer the custom CSS fix initially.

    Thread Starter alexcrow911

    (@alexcrow911)

    I understand. It’s working perfectly now that’s all that matters.

    Thanks again for the help George!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Primary Navigation – Can’t see dropdown menus’ is closed to new replies.