Menu items bold on active - by FLIXMarketing

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

  • Avatar: FLIXMarketing
    FLIXMarketing
    Participant
    September 4, 2018 at 19:34

    Hi!

    I would like that on active state the links in my menu are bold. Didnt see it at the theme options so I did it with CSS. However, it does not work. It works in inspect, it works with hover, but when I copy it in the CSS environment and change it to active it does not work. Any clue whats wrong?

    .menu .menu-item a:active {
    font-weight: 800 !important;
    }

    Thanks,

    Lizzy

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 5, 2018 at 07:32

    Hello,

    Please change your code to:

    .menu .menu-item a:active, .menu .menu-item a:hover {
        font-weight:800 !important
    }
    

    Regards

    Avatar: FLIXMarketing
    FLIXMarketing
    Participant
    September 5, 2018 at 13:03

    Thanks! However this code works only for hover and not for active. Whereas it is supposed to work for active and not hover….

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 5, 2018 at 13:11

    https://prnt.sc/kqvb5x
    Maybe this code will be more suitable:
    .current-menu-item a {font-weight:800 !important;}
    Please try to use the new code and let me know the result.

    Regards

    Avatar: FLIXMarketing
    FLIXMarketing
    Participant
    September 5, 2018 at 13:39

    Yes, this is the one! Thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 5, 2018 at 13:44

    You’re welcome!

    Regards

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

The issue related to '‘Menu items bold on active’' has been successfully resolved, and the topic is now closed for further responses

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