Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #367394

    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

    #367720

    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

    #481267

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

    Thanks
    Gigoz

    #481277

    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

    #481283

    This did not work for me. Please check again.

    #481287

    Hey!

    Can you please post the link to your website?

    Cheers!
    Yigit

    #481289

    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

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.