Setting up CSS menu fixed background color after select

This topic has 6 replies, 2 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

  • Avatar: mybers2
    mybers2
    Participant
    April 5, 2018 at 23:17

    Hi

    Im wondering if its possible to set a background color on
    Menu > li a:active after selecting or clicking on a menu item?

    I.e. the selected menu background color will stay while on its page.

    Could you be able to advise or point me at the right direction?

    Appreciate any help.

    Thanks

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 6, 2018 at 08:22

    Hello,

    Please add this code in Theme Options > Custom css:

    .fixed-header-area.color-light .menu > li.current-menu-item > a {
        background-color: white;
        color:  red !important;
    }

    Let me know result.

    Regards

    Avatar: mybers2
    mybers2
    Participant
    April 6, 2018 at 11:56

    Thank for that. I can see the effect in FIXED menu.
    But How can I also update the main menu?

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 6, 2018 at 12:06

    Please change the previous code to:

    .header-wrapper .header .navbar .menu-main-container .menu > li.current-menu-item > a, .fixed-header-area.color-light .menu > li.current-menu-item > a {
        background-color: #5464;
        color:  red !important;
    }

    Regards

    Avatar: mybers2
    mybers2
    Participant
    May 7, 2018 at 20:45

    Hi

    Where do I need to change the CSS while on Mobile nav menu? i.e font and background color

    like this in this area:
    https://www.screencast.com/t/M5j8Q6s1

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 8, 2018 at 07:20

    Hello,

    You can add this code in custom css:

    .mobile-nav-heading.close-mobile-nav {
        background-color: red;
        color:  black;
    }
    .mobile-nav {
        background-color:  red;
    }
    .mobile-nav li a, .mobile-nav .links li a, .mobile-nav-heading {
        color:  black;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.