Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 12, 2014 at 6:31 pm #367394
    4seed

    Hi,

    on our site, we have a main menu bar which is working fine. We have introduce a fullwidth submenu in each page so that user can easily navigate from subpage to subpage.

    We would like to change the background color of the submenu to #1a967d, to change the text color to #ffffff und to highlight (Bold and Underline) the name of the submenu page the user is currently on.

    How do we achieve this?

    Thanks for your help!

    Best

    December 13, 2014 at 6:11 pm #367720
    Elliott

    Hey 4seed!

    Add this to your custom CSS.

    .av-sticky-submenu .current_page_item {
    font-weight: bold !important;
    text-decoration: underline;
}
.av-sticky-submenu { background: black !important; }
.av-sticky-submenu li a {
    background: none repeat scroll 0 0 transparent !important;
    color: white !important;
}

    Regards,
    Elliott

    July 31, 2015 at 11:52 am #481267
    gigoz

    How can I make the active submenu underlined or change color entirely?

    Thanks
    Gigoz

    July 31, 2015 at 12:15 pm #481277
    Yigit

    Hey!

    Please add following code to Quick CSS 

    ul.sub-menu li.current_page_item a > .avia-menu-text {
    color: orange;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Cheers!
    Yigit

    July 31, 2015 at 12:27 pm #481283
    gigoz

    This did not work for me. Please check again.

    July 31, 2015 at 12:32 pm #481287
    Yigit

    Hey!

    Can you please post the link to your website?

    Cheers!
    Yigit

    July 31, 2015 at 12:43 pm #481289
    gigoz

    Yigit,

    kindly use this link to gain complete info of my system and website url. I created a fresh ticket there, not knowing you will pick this first. URL: https://kriesi.at/support/topic/highlight-fullwidth-submenu-item/

    Regards
    Gigoz

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Background Color Sub-Menu & Highlighting the current Sub-Menu’ is closed to new replies.