Okay
  Public Ticket #632014
megamenu sub menu current page color
Closed

Comments

  •  2
    J started the conversation

    After the update to 7.0.1, some custom styling in my menu changed slightly. I\'m having trouble locating the class that controls the font color of the current page in my submenus. I\'d like the color of the font to be #fff with a background of #c6ad75 when youre on that specific page. Could someone help me identify the class of this specific element? I\'m having a hard time finding it.

    Please see the pic.


  •   J replied privately
  •  8,992
    Tahir replied

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    #header-outer:not([data-lhe=\"animated_underline\"]) header#top nav .sf-menu .megamenu li.current-menu-item > a {
        color: #fff !important;
    }

    Bes.t



    ThemeNectar Support Team 

  •  2
    J replied

    Thanks Tahir. That worked like a charm for my megamenu current pages.

    If anyone needs the same code for a non megamenu current page it is as follows:

    #header-outer:not([data-lhe=\"animated_underline\"]) header#top nav .sf-menu li.current-menu-item > a {
        color: #fff !important;
    }