-
AuthorPosts
-
July 19, 2017 at 2:14 pm #823961
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 #827145I have the same problem with my header. Hope that this will be solved :)
July 22, 2017 at 3:45 pm #827499Hi,
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,
MikeJuly 22, 2017 at 3:53 pm #827530Hi 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,
MarisjaJuly 24, 2017 at 3:57 am #828856Hi,
@marisjawigmore can you add some screenshots to help explain?Best regards,
MikeJuly 24, 2017 at 9:58 am #828932Hi 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.
NeilJuly 28, 2017 at 4:53 am #830880Hi,
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,
IsmaelAugust 6, 2017 at 8:08 pm #835105Hi 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
NeilAugust 6, 2017 at 8:42 pm #835115Hi,
#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,
BasilisAugust 7, 2017 at 5:04 pm #835472Hi Basilis,
Thank you for your suggestion. I now get this.. (please click on private URL).
(White space either side of the blue menu)Regards
NeilAugust 7, 2017 at 6:27 pm #835525Hi,
Just add this code:
#header_main_alternate .container { background: rgba(255,255,255,1); }
Best regards,
John TorvikAugust 7, 2017 at 6:51 pm #835536Hi 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
NeilAugust 12, 2017 at 3:51 pm #837926Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.