Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 17, 2015 at 3:25 pm #537315
    MulderMind

    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!

    November 17, 2015 at 4:20 pm #537376
    Dake

    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

    November 17, 2015 at 5:17 pm #537438
    MulderMind

    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 9 years, 1 month ago by MulderMind.
    November 17, 2015 at 5:34 pm #537468
    Dake

    Hey!

    You can use a height styling to adjust the thickness.

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

    Best regards,
    Dake

    November 17, 2015 at 10:56 pm #537690
    MulderMind

    Thanks again!

    Topic can be closed, another happy customer :)

    November 17, 2015 at 11:59 pm #537714
    Dake

    Hey!

    You’re welcome, glad we could help :)

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

    Best regards,
    Dake

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