Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #780046

    Hello,

    By default, the header has the underline option when the link is “hover” or active, great. My client wanted a larger and closer underline, what I’ve did with :
    `.avia-menu-fx {
    height: 6px;
    bottom: 20%;
    }`

    But when you scroll in the page, the bar is too close from the text in the sticky header reduced, and I don’t see the css difference between the normal nav and sticky reduced nav. Could you help?
    Tx !
    Marine

    #780100

    Hey Marine,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .header-scrolled .avia-menu-fx {
        bottom: 10%;
    }
    

    Best regards,
    Yigit

    #780131

    Tx a lot, it’s perfect!
    Nice evening

    #780346

    Hi,

    Great, glad we could help. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Nav text "underline"’ is closed to new replies.