Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 9, 2015 at 5:11 am #392864
    djshortkut

    I am trying to activate my transparent header but need some styling help. (See attached image)

    1. When I pull up a menu item that has a dropdown menu I don’t want the black background and white border line to show up. Can you provide me with some quick css to accomplish this?
    2. How can I make it so that the active menu item color and hover color is #2c5b9c?
    3. How can I make the font style of each menu item bold?

    Thanks in advance!

    February 10, 2015 at 6:46 am #393500
    Josue

    Hi!

    The page you posted doesn’t have Transparent Header activated, nevertheless try with this codes:

    #top .sub-menu a {
    border: 0 !important;
    box-shadow: none !important;
}

#top .av-main-nav li a:hover, #top .av-main-nav li.current-menu-item a:hover {
    color: #2c5b9c !important;
}

#top .av-main-nav li a {
    font-weight: bold !important;
}

    Best regards,
    Josue

    February 10, 2015 at 7:15 am #393514
    djshortkut
    This reply has been marked as private.
    February 10, 2015 at 8:05 am #393535
    Josue

    Here you go:

    /* Submenu background, border and shadow */
#top .av_header_transparency  #top .av_header_transparency .main_menu ul ul, #top .av_header_transparency .main_menu .menu ul li a{
    background: red !important;
}
#top .av_header_transparency .sub-menu a {
    border: 0 !important;
    box-shadow: none !important;
}

/* Menu item hover and current-menu-item color */
#top .av_header_transparency .av-main-nav li a:hover .avia-menu-text, #top .av_header_transparency .av-main-nav li.current-menu-item a .avia-menu-text{
    color: #2c5b9c !important;
}

/* Menu indicator color */
#top .av_header_transparency .avia-menu-fx{
    background: red;
}

    Cheers!
    Josue

    February 10, 2015 at 8:45 pm #393955
    djshortkut
    This reply has been marked as private.
    February 10, 2015 at 9:06 pm #393975
    Josue

    Hey!

    There is a typo in that part, change it to:

    #top .av_header_transparency ul li, #top .av_header_transparency .main_menu ul ul, #top .av_header_transparency .main_menu .menu ul li a{
    background: transparent !important;
}

    Best regards,
    Josue

    February 12, 2015 at 7:31 am #394842
    djshortkut

    Thanks Josue! You can close this thread.

    February 12, 2015 at 10:52 am #394882
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    February 12, 2015 at 10:52 am #394883
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Transparent Header Styling Help’ is closed to new replies.