Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #264991

    Hello, Great theme. My question relates to styling the main navigation menu.

    My work in progress site is:

    1. I’d like the “HOME” tab to be “On” when the viewer lands on the page. Currently the “On” state for everything BUT “HOME” I can’t figure out why.
    2. On both “Company” and “Services” when I hover and choose the first child page the “On” state doesn’t function. It should be like the parent “On” state and have a light blue background with white type. “Company” and “Services” are the only two sections with child pages.
    3. I’d like to have a different “Hover” and “On” color for each page. “Home” s/b light blue, “Company” s/b red, “Services” s/b green etc.

    Any and all suggestions are welcome.


    Dont know if it looks different on your screen, but first i would move the header-addition out of the way.

    For me it’s almost covering the whole “home” and “company” button in the menu.
    It’s also overlapping with the logo.

    I see you allready moved them?



    line-height: normal !important;

    to prevent it from covering the main menu


    Flikk, i’m not following. the association logos should be on the right side of the container with a common baseline to the Casco logo on the left.


    first time i checked, the logos were on the left side. However, the height of the container is still to high on my end.

    I can’t click “news” or “contact” because the container that holds the logos overlaps with the menu.



    It is covering the menu indeed, modify the header-addition CSS code to:

    div.header-addition {
    position: absolute;
    left: 690px;
    top: 35px;
    height: 46px;



    Josue or other participants,
    Please help me figure out why the “On” state doesn’t retain the light blue color?

    This link shows the proper active “on” state for Company:

    This links shows what happens when I “hover” Company and select Our Team:
    Note that the Our Team “on” state doesn’t show the blue or the type for Company.

    My goal is to establish a unique color for each parent. For now, I’d be happy to have them all retain the light blue “on” state.

    Kindest regards,
    Kevin Propper


    Hey Kevin!

    Add this too:

    .header_color .main_menu ul:first-child > li.current-menu-ancestor > a{
        color: #ffffff;
        background-color: #569bbd;   
    .header_color .main_menu ul:first-child > li.current-menu-ancestor > a .avia-menu-fx{
        opacity: 1;
        visibility: visible;

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.