customizing main menu

• 

  firecharity911 · Member · Aug 18, 2016 at 4:18 pm

  • Copy link
  • Add topic to favorites

  I would like to change the black bulky boxes that appear when you hover over a parent page in my main menu. If I could just have the items appear in a drop down fashion with out the black box It would be fine.

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

• 

  thesacredpath · Member · Aug 18, 2016 at 8:42 pm

  • Copy link

  Hi there, the following CSS will do it, but if you then visit another page, such as your about page and hover a menu, you will see that the submenu items are very difficult to read. Finding a text color that is going to work over the dark background on the main page and also over the white on the other pages is going to be a challenge. That’s one of the reasons that in the original design the background color of the submenu items is dark, so that it works on the main page as well as others where the submenu expands over a white area.

  .main-navigation ul ul {
      background-color: rgba(0, 0, 0, 0);
  }

• 

  firecharity911 · Member · Aug 18, 2016 at 8:48 pm

  • Copy link

  I tried it and I think its going to do the trick, thank you so much for the help.

• 

  firecharity911 · Member · Aug 18, 2016 at 10:20 pm

  • Copy link

  Thank you

• 

  thesacredpath · Member · Aug 19, 2016 at 12:57 am

  • Copy link

  You are welcome.