Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #754449

    I like the transparent/glossy header options, but I’d like to be able to switch back and forth between 2 different logos and 2 different menu navigation colors with a transparent header. That way, depending on the background image I’m using, I can either have a dark version of the header, or a light version of the header. Is this possible in Enfold? There doesn’t seem to be a way to do this, or I can’t figure it out. For the transparent header option, I can only set one logo option and one color for the main menu.

    If this is not possible, my next idea was to style the main header to be transparent. That way all my headers are transparent (which is what I want), and I can set one version of the logo and menu color for the main header and other version for the transparent header. Both would technically be transparent, but I could use a different logo for each.

    Unfortunately, I can’t figure out the code to make the main header transparent. Every tweak I make changes the transparency for the entire header (including the logo and menu items). But I just want the background of the main header to be transparent, not the other items.

    Please let me know if I can achieve this styling with Enfold. Thanks in advance for your time!!


    Hey loraehmke,

    try this code inside Quick CSS field:

    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: transparent;

    Best regards,

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

You must be logged in to reply to this topic.