Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 19, 2017 at 2:14 pm #823961
    NeilJC

    I have lost the transparent header after updating to 4.1.1. The original custom css as advised by yourselves was
    #top .av_header_glassy.av_header_transparency #header_main {
    background: rgba(29, 27, 27, 0.19) !important;
    border-color: transparent;
    border-bottom-color: rgb(125, 125, 125);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    }

    Can you help me enable transparency again please?

    July 22, 2017 at 12:45 pm #827145
    marisjawigmore

    I have the same problem with my header. Hope that this will be solved :)

    July 22, 2017 at 3:45 pm #827499
    Mike

    Hi,
    I’m not sure we are looking at the same thing, because your header looks transparent to me, please see Private Content area.
    Can you explain and add screenshots?

    Best regards,
    Mike

    July 22, 2017 at 3:53 pm #827530
    marisjawigmore

    Hi Mike:
    Here is more information: I’v added an transparent header logo so when the page opens, you see a white logo and only white with transparent background menu items. And when you scroll down the logo will be replaced with the colored one. But since the last update, the transparent logo doesn’t show. My website isn’t online yet but I hope you know what I mean.
    Kind regards,
    Marisja

    July 24, 2017 at 3:57 am #828856
    Mike

    Hi,

    @marisjawigmore     can you add some screenshots to help explain?

    Best regards,
    Mike

    July 24, 2017 at 9:58 am #828932
    NeilJC

    Hi Mike,
    Apologies, I was referring to the menu bar – this used to be transparent. Now it is a solid colour.
    If you have any code I could add to css that would be fantastic please.
    Neil

    July 28, 2017 at 4:53 am #830880
    Ismael

    Hi,

    Please remove the following css modifications or adjust the color value to transparent.

    #top #header_main_alternate {
    background-color: #2d7caa;
}

#top #header .av-main-nav > li > a {
    color: #ffffff;
    background-color: #2d7caa;
    border-color: #2d7caa;
    font-size: 14px;
}

    Best regards,
    Ismael

    August 6, 2017 at 8:08 pm #835105
    NeilJC

    Hi Mike,
    Can you tell me how I make the Menu transparent please? I misled you when I referred to it as the ‘header’ previously.
    Thank you in advance
    Regards
    Neil

    August 6, 2017 at 8:42 pm #835115
    Basilis

    Hi,

    #top .av_header_glassy.av_header_transparency #header_main_alternate {
background: rgba(255,255,255,1);
}

    Try that one and let us know if it works for you.

    Best regards,
    Basilis

    August 7, 2017 at 5:04 pm #835472
    NeilJC

    Hi Basilis,

    Thank you for your suggestion. I now get this.. (please click on private URL).
    (White space either side of the blue menu)

    Regards
    Neil

    August 7, 2017 at 6:27 pm #835525
    John Torvik

    Hi,

    Just add this code:

    #header_main_alternate .container {
  background: rgba(255,255,255,1);
}

    Best regards,
    John Torvik

    August 7, 2017 at 6:51 pm #835536
    NeilJC

    Hi John,
    Thank you for your post. It is the menu that I want to make transparent?
    Unfortunately, your code displayed the same as Basilis code did?
    Sorry to be asking for help on this.
    Regards
    Neil

    August 12, 2017 at 3:51 pm #837926
    Victoria

    Hi NeilJC,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av_header_glassy.av_header_transparency #header_main_alternate {
    background: transparent;
    border: none;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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