Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #873836

    Hello,

    I am using a fullwidth sub menu on this page: http://capstone-vision.flywheelsites.com/services/cataract-surgery/

    I would like to change the hover and current menu item states, but am having problems. I entered the following code to my css, but it is not taking:

    .av-subnav-menu .sub-menu li a:hover {
    	color: #d57d11 !important;
    }
    
    .current-menu-item {
    	font-family: Merriweather Sans, sans-serif !important;
    	font-weight: 700 !important;
    	font-style: bold !important;
    	color: #4a3468 !important;
    }

    Is there something else I should be doing? Thanks!

    #874954

    Hey Kirstie,

    Thank you for using Enfold.

    The “current-menu-item” class attribute is not going to be applied on the active menu item by default. You need to add a custom script. Please refer to the following thread.

    // https://kriesi.at/support/topic/sub-menu-active-indicator/#post-613765

    Best regards,
    Ismael

    #875204

    Thanks for the information. I have decided not to do a current state style because I don’t want to add a bunch of extra code.

    Is there a way to change the hover state in css or would I also have to add code to functions.php?

    Thanks!

    #875472

    Hi MattJensenMarketing,

    It’s easy to add the hover state when the class is added, but to be able to add the class you need to follow the thread given by Ismael above.

    Best regards,
    Victoria

    #879806

    This topic can be closed, thanks!

    #880061

    Hi,

    Alright. Please feel free to open a new thread if you need anything else.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullwidth Sub Menu Hover’ is closed to new replies.