Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 10, 2018 at 3:44 pm #895704
    jjsabatino

    Hi guys, i need to achieve something like the picture im attaching in the link, for the active menu indicator.
    Believe me, i tried a lot of things but i cant seem to make it work like this. The client is very decided to do it like this.

    How can i do it??

    January 11, 2018 at 4:35 am #895966
    Mike

    Hey jjsabatino,
    It seems that you have found a solution already, because when I click home or work the menu stays highlighted.
    Is this true?

    Best regards,
    Mike

    January 11, 2018 at 12:35 pm #896138
    jjsabatino

    Hey thanx for the answer. No, i managed to make the background black, but i need it to be like in the picture. Framing the words of the menu.

    January 11, 2018 at 1:18 pm #896151
    Mike

    Hi,
    Please try adding:

    .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {height: 60px!important;}

    Best regards,
    Mike

    January 12, 2018 at 7:24 pm #896653
    jjsabatino

    Hi Mike, that doesn´t work, i need the rectangle to frame the word, so i need to reduce the black that i already have, not add white space.

    January 13, 2018 at 7:46 pm #896919
    Mike

    Hi,
    Please remove this code from your custom css:

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-color: #000000;
border-width: unset;
}
.current_page_item a {
        color:#ffffff!important;
	background:black!important;

}

    Then add this:

    .current_page_item span.avia-menu-text {
    background-color: #000!important; 
    color:#ffffff!important;
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    padding-left: 0px !important; 
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-color: transparent!important; 
}

    in order to get this to work I had to remove the “pipes” between the menu items, because they are actually borders so the background-color was stretching to them.

    Best regards,
    Mike

    January 14, 2018 at 5:51 pm #897116
    jjsabatino

    Hi Mike, thank you but this is not what i need, it´s not working properly depending the screen, and i need the pipes. I guess i will see what i can do. Thank you anyway!

    January 14, 2018 at 7:03 pm #897128
    Mike

    Hi,
    Ok, thank for using Enfold

    Best regards,
    Mike

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