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

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

    My work in progress site is: http://www.kevinpropper.com/casco.

    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.

    #264994

    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?

    #264995

    still:

    .header-addition{
    line-height: normal !important;
    }

    to prevent it from covering the main menu

    #264997

    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.

    #265322

    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.

    #266495

    Hi!

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

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

    Regards,
    Josue

    #273551

    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: http://kevinpropper.com/casco/about-us/

    This links shows what happens when I “hover” Company and select Our Team: http://kevinpropper.com/casco/about-us/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

    #273565

    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,
    Josue

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

You must be logged in to reply to this topic.