Trasparent Header

Hey pddcoms,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field, or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
html {
background-color: #fff !important;
min-height: 640px !important; 
height: 640px !important; 
}
.forcefullwidth_wrapper_tp_banner,#rev_slider_6_1_wrapper {
min-height: 640px !important; 
height: 640px !important; 
}
}

this allows the animation to play fully, Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update, do yo mean that you want to change the text colour in the widget on mobile?

Best regards,
Rikard

Hi,

Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.responsive #top #header #header_main .inner-container .widget {
    margin-top: -100px !important;
}
}

Best regards,
Rikard

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike