Transparent header

Hey Antonio,

Please edit your page, go to Layout > Header visibility and transparency, and choose the Transparent Header option (https://i.imgur.com/79EZp4E.png).

Best regards,
Yigit

Hi,
You can make the header always transparent with this css:

.header_color .header_bg {
  background-color: transparent !important; 
}

But when you use the transparent header option it also removes the top padding so the first element is moved up and under the header, such as a slider. So if you also want this and you are using a sticky header, you can add this css.

.html_header_top.html_header_sticky #top #main {
    padding-top: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike