Tagged: ,

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

    Hi,

    I’m trying to build an specific menu with the a grey background color behind the selected page.
    Also I want the underline to be above the menu link instead of under it and I want it to show up when your on the link.

    Like in this screenshot:
    example

    Any CSS code I can use to achieve this?

    I added a link to the menu I’m trying to copy in the private content.

    With kind regards!

    #537376

    Hey MulderMind!

    Please add the below css into your custom css section:

    .current-menu-item {
    	background-color: #F2F2F2 !important;
    }
    
    .avia-menu-fx {
    	top: 5px !important;
    }

    You can adjust the top value accordingly so it appears in the correct position above your menu items.

    Cheers!
    Dake

    #537438

    Thanks a lot Dake, works great and superfast reply!

    Is there any way to change the thickness of the menu-fx, it’s a bit to bold now.

    • This reply was modified 8 years, 4 months ago by MulderMind.
    #537468

    Hey!

    You can use a height styling to adjust the thickness.

    .avia-menu-fx {
    	top: 5px !important;
            height: 1px !important;
    }

    Best regards,
    Dake

    #537690

    Thanks again!

    Topic can be closed, another happy customer :)

    #537714

    Hey!

    You’re welcome, glad we could help :)

    Please let us know if you ever need any help in the future.

    Best regards,
    Dake

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu background on selected link | different header style’ is closed to new replies.