Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 29, 2019 at 1:52 pm #1059991
    fta-edfc

    Hi,

    how can I change the color of the active page in the menu (color:#F06F29) of this website

    fta-test.de

    With Quick CSS I could change the hovered menu like this which works perfect:

    #top #header #avia-menu .menu-item > a:hover > .avia-menu-text {
    color:#F06F29;
    font-size:18px;
    font-weight:700;
    }

    January 29, 2019 at 3:13 pm #1060030
    Jordan Shannon

    Hey fta-edfc,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    January 29, 2019 at 3:35 pm #1060049
    fta-edfc
    This reply has been marked as private.
    January 30, 2019 at 1:41 am #1060286
    Jordan Shannon

    Hi,

    Thanks. Add this to quick css:

    li.menu-item.current-menu-item a .avia-menu-text{
color:#F06F29!important;
}

    Best regards,
    Jordan Shannon

    January 30, 2019 at 10:34 am #1060416
    fta-edfc

    Hi Shannon,

    thank you, but that doesn’t work correctly:

    If I have a menu like

    – Our Company
    – about us
    – contact
    – maps

    and click on contact, Our Company and contact should be in orange. But with your coding ALL the menu items are orange.

    Please help.

    January 31, 2019 at 9:33 pm #1061230
    Jordan Shannon

    Hi,

    It should only be orange for the current page you are on. Can you provide a screenshot?

    Best regards,
    Jordan Shannon

    February 1, 2019 at 11:38 am #1061475
    fta-edfc
    This reply has been marked as private.
    February 5, 2019 at 3:45 am #1062987
    Mike

    Hi,
    Sorry for the late reply, I see that for the pages that have a transparent header the current menu items were black, and not orange.
    To fix please try this css:

    #header.header_color.av_header_transparency .av-main-nav > li.current_page_item > a .avia-menu-text {
    color: #F06F29 !important;
}

    Best regards,
    Mike

    February 10, 2019 at 3:37 pm #1065137
    fta-edfc
    This reply has been marked as private.
    February 10, 2019 at 4:59 pm #1065156
    Mike

    Hi,
    When I view “Fliegen USA” it’s working when transparent and after scroll, I assume that you have tried clearing your browser cache?
    2019-02-10-095612

    Best regards,
    Mike

    February 11, 2019 at 4:45 pm #1065488
    fta-edfc
    This reply has been marked as private.
    February 11, 2019 at 6:31 pm #1065584
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Change Color for active’ is closed to new replies.