Skylark theme: Submenus disappear with Chrome

• 

  jcollier · Member · Jul 16, 2013 at 12:06 am

  • Copy link
  • Add topic to favorites

  When I hover over a main Skylark menu item, the submenu items disappear. However, when I move the cursor over any submenu item, they disappear.

  Welcome

  Suggestions?

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

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 16, 2013 at 12:14 am

  • Copy link

  This appears to be an issue with the way the theme displays the menu. Essentially, the menu only displays when you are hovering over the top-level menu item or the menu itself, but to get to the menu, you have to move your mouse through an area where the menu isn’t being displayed.

  I’ve flagged this for a moderator to pass along to the Theme Wranglers to take a look at. In the mean time, if you have the Custom CSS addon, you can add the following line to your Custom CSS to make the menu more usable:

  .menu-main-menu > li > a {
      padding-bottom: 0.75em
  }

  That essentially expands the “box” that the link is in to be big enough so there is no gap between the link and the menu.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 16, 2013 at 12:16 am

  • Copy link

  Oops! Sorry, there was a typo in that code. Use this instead:

  #menu-main-menu > li > a {
      padding-bottom: 0.75em
  }

• 

  jcollier · Member · Jul 16, 2013 at 12:18 am

  • Copy link

  Thank you! Works perfectly.