customizing main menu
-
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)
-
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); } -
-
-
- The topic ‘customizing main menu’ is closed to new replies.