Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2018 at 9:46 pm #898689
    bakbek

    Hi, I’m using a transparent header on my site, how can I also make the submenu to be more transparent than it is now (see attached screenshot)?

    January 18, 2018 at 12:31 am #898817
    Mike

    Hey DROR,
    Try this code in the General Styling > Quick CSS field:

    
#top .sub-menu {background: rgba(255,255,255,0.5) !important;}
.sub-menu, .sub-menu * { background: transparent !important; }
#top .header_color .main_menu .menu ul li a {color: rgb(255,255,255) !important;}

    Best regards,
    Mike

    January 18, 2018 at 1:10 pm #899117
    bakbek

    Thanks but that make it transparent at all times and I only want to make it transparent when the main menu is transparent. Once the user scrolls it should go back to the regular full background color.

    Is that possible?

    January 19, 2018 at 3:35 am #899440
    Mike

    Hi,
    Please try this at the end of your css instead:

    #top .header_color.av_header_transparency .main_menu .menu ul li a {color: rgb(255,255,255) !important;}
#top .av_header_transparency .sub-menu {background: rgba(255,255,255,0.5) !important;}
.av_header_transparency .sub-menu, .sub-menu * { background: transparent !important; }

    Best regards,
    Mike

    January 19, 2018 at 5:24 pm #899771
    bakbek

    Great, thanks. How do I remove the white border?

    January 20, 2018 at 2:14 am #899922
    Mike

    Hi,
    Try:

    .av-main-nav ul li a {
    border-right-style: hidden!important; 
    border-right-width: 0px!important; 
    border-left-style: hidden!important; 
    border-left-width: 0px!important; 
}

    Best regards,
    Mike

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