Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 19, 2019 at 5:26 am #1120051
    kjwaggz

    Hi there helpful folks of Enfold!

    This might be a long shot, but is there any CSS that can change the background of sub-menu items (to transparent) and change the text to white so it matches the transparent menu BEFORE you scroll down? And still keep the current sub-menu behavior when you scroll down and on non-transparent menu pages?

    Home

    The desired result is to have the sub-menu items have a transparent background with larger white font color on the HOME and SERVICES/PRICING pages before you scroll down and the menu changes to white background, but still have a white background and black font once you scroll (it does this now).

    I hope that makes sense. Thank you so much either way!

    July 20, 2019 at 8:25 pm #1120473
    Mike

    Hey kjwaggz,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .header_color.av_header_transparency .main_menu ul ul,.header_color.av_header_transparency .main_menu .menu ul li a {
background-color: transparent !important;
}
.header_color.av_header_transparency .av-main-nav ul li a {
    border-style: none !important;
}
#top #header.header_color.av_header_transparency .av-main-nav ul > li > a .avia-menu-text {
color: #fff !important;
}

    Then please clear your browser cache and check.

    Best regards,
    Mike

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