Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 15, 2014 at 12:35 am #264991
    kevinpropper

    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.

    May 15, 2014 at 12:55 am #264994
    Flikk

    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?

    May 15, 2014 at 12:59 am #264995
    Flikk

    still:

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

    to prevent it from covering the main menu

    May 15, 2014 at 1:07 am #264997
    kevinpropper

    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.

    May 15, 2014 at 3:57 pm #265322
    Flikk

    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.

    May 18, 2014 at 11:19 pm #266495
    Josue

    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

    June 2, 2014 at 10:36 pm #273551
    kevinpropper

    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

    June 2, 2014 at 10:57 pm #273565
    Josue

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.