Dropbox Menu Glitch

  • So I have a theme and when I hover over a dropbox on the menu to select a page, it will close the dropbox when I try selecting one. I have to hover over the exact spot. Anyone help me with this?

    Thanks

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

  • Can you please post a link to your site so we can examine it for ourselves? Thanks.

    Thread Starter insanityartz

    (@insanityartz)

    Here is my site: https://insanityartz.com

    The problem is that there is some padding & margin between the main menu item and the sub-menu list which is causing a gap. I see that you haven’t created a child theme, so use a CSS plugin like Jetpack or Custom CSS Manager to add these rules (unless the theme you’re using has a Custom CSS option):

    .main-navigation ul ul {
   padding-top: 0;
   margin-top: 0;
}
.main-navigation ul ul a {
   line-height: 2em;
}

    Don’t edit the theme files directly or your changes will be lost the next time you update the theme.

    Thread Starter insanityartz

    (@insanityartz)

    So I need to add that code to my editor?

    Thread Starter insanityartz

    (@insanityartz)

    Thanks so much! Works perfectly now. Just changed the code because mine was set to this:

    .main-navigation ul ul {
   padding-top: 10;
   margin-top: 5;
}

    I just changed it to this:

    .main-navigation ul ul {
   padding-top: 0;
   margin-top: 0;
}

    Thank you again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Dropbox Menu Glitch’ is closed to new replies.