Styling your drop down text

With the basic wordpress install, you are able to nicely style the menu colors etc, but I have run into a problem several times where I use the same color to highlight which page I am on as the color of the background of my dropdown. So if I had a blue nav bar, my menu text is white, my page highlight is white bold and my dropdown menu is white then what happens is if you are on a page in your dropdown, the menu option vanishes into the background.

So what can you do about this?

Looking at the current page item you see this code:

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #ededed;
font-weight:bold;
}

So all you need to do is add an extra ul in there so you are now controlling the color of the drop down text. Just like this:

#access ul ul li.current_page_item > a,
#access ul ul li.current-menu-ancestor > a
#access ul ul li.current-menu-item > a,
#access ul ul li.current-menu-parent > a {
color: #3579a6;
font-weight:bold;
}

That should solve your problem.

Adding An Animated Icon To Genesis Responsive Menu

By Dave Fogel | June 23, 2015

In this tutorial, we are going to be adding an animated icon and a responsive menu to the genesis starter theme from combining two different sources. For the responsive menu, we are going to be using the Genesis Responsive Menu 2.0 created by Ozzy Rodriguez.  The full tutorial is located here. You can download the…

What Does Your Website Say About Your Business

By Dave Fogel | May 29, 2015

OK, let’s get this out of the way first – I might be a little biased since I build websites in St. Augustine and Jacksonville for a living. Now that that is out of the way let’s talk about websites. For me, a website is a reflection of your business, just like your storefront or…

Advantages of working with a St. Augustine Web Designer

By Dave Fogel | May 22, 2015

Yes, I realize you can work with anyone all over the world when it comes to finding someone to build your website.  Some people really like the idea of working with someone from India, mainly because they get their website for a fraction of what it costs to use someone in the USA. But when…

Posted in

Dave Fogel

Leave a Comment