Drop down menu doesn't work anymore

• 

  sunsseura · Member · Jun 30, 2014 at 11:42 am

  • Copy link
  • Add topic to favorites

  I designed a web page based on the theme Twenty Thirteen, and applied some custom CSS. It worked alright for a while, but now all of a sudden the drop down menus don’t work. What might be the problem?

  Might the problem be in clashing codes in the parent theme and my css? But why did it work for a while and then stop working out of nowhere?

  Thanks for you help!

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

• 

  rachelmcr · Member · Jun 30, 2014 at 4:21 pm

  • Copy link

  Hi there,

  Some updates were made to the Twenty Thirteen theme that changed how drop down menus work in the theme (to help when users use keyboards or voice commands instead of a mouse to navigate the site). Because of that, some of your custom CSS is preventing those drop down menus.

  You can fix that with a small change, though! In your custom CSS, you can change this:

  .nav-menu .sub-menu, .nav-menu .children {
  background-color: #f16531;
  border: none;
  border-top: 0;
  display: none;
  padding: 0;
  position: absolute;
  left: 10px;
  z-index: 99999;
  width: 200px;
  }

  To this:

  .nav-menu .sub-menu, .nav-menu .children {
  background-color: #f16531;
  border: none;
  border-top: 0;
  padding: 0;
  position: absolute;
  left: 10px;
  z-index: 99999;
  width: 200px;
  }

  Removing the “display: none;” line should make those drop down menus work again. Please let me know if you have any questions about that. :)

• 

  sunsseura · Member · Jul 7, 2014 at 1:34 pm

  • Copy link

  Thanks! It worked!