[Support request] How do I make the navigation links bold on hover and active?

Home Forums Support [Support request] How do I make the navigation links bold on hover and active?

Home Forums Support How do I make the navigation links bold on hover and active?

  • This topic has 1 reply, 2 voices, and was last updated 2 years ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #919682
    Sean

    How do I make the navigation links bold on hover and active?

    Thanks,
    Sean

    #919684
    David
    Staff
    Customer Support

    Hi there,

    you can use this CSS:

    .main-nav > ul > li:hover > a, .main-nav > ul > li[class*="current-menu-"] > a {
        font-weight: 500;
    }

    The only thing with doing that is you will notice movement in the menu items as the font expands…. you may be better off just using a lighter color for the menu items and make it darker on hover and current via the Customizer.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.