Modern Portfolio Pro – styling the current-menu-item

Community Forums Forums Design Tips and Tricks Modern Portfolio Pro – styling the current-menu-item

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  AC 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #96030



    I am using the Genesis Simple Menus to have a different sub menu for each main menu item in the header. When one of the sub menu links is selected, a new page is displayed, but the submenu loses the styling (hover I think) and each item in the menu looks like any other. I would like the sub menu styling from the hover to persist so the user can see what page they are on.

    I’m really new to CSS (actually don’t know what I am doing :-) and have been trying to strike it lucky with snippets I have found in other posts but without much success. This code sort of works, but the color seems to be hard coded, and doesn’t match the theme color (except when I change it to blue).

    .genesis-nav-menu li.current-menu-item a {
    	background-color: #27b4b2;
    	color: #fff;

    I’d really appreciate it if someone who actually knows what they are doing could please

      a) confirm that I am on the right track with the code above, and if so, won’t havn’t broken something subtle that I havn’t just noticed yet

      b) explain in laymans terms (or point me to a resource) what the first line of the above code actually means – I really don’t understand the “li.” , the “a” and what .genesis-nav-menu means.

      c) point me in the right direction re un hard coding the background-color. I presume there is a ‘variable’ type in CSS but if so, I don’t know how to access it.

    Any help would be much appreciated.




    That is a third party plugin developed by Ron Rennick. You should probably post this question on the support page located here.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.