Banner above header

Hi,
Sorry for the late reply, do you want the “COVID-19 Update” to always show or only before scrolling?
Please add a custom class to your div like this:

<div class="update" style=”background-color:lightblue; padding-left: 20px”>
<span>
COVID-19 Update<br>
Learn about our expanded patient care options for your health care needs.
</span>
</div>

this will allow us to write some css to correct this.

Best regards,
Mike

Hi,
Thank you, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.update {
	position:fixed !important;
    top:0 !important;
    z-index:600 !important;
    width: 100% !important;
}
#wrap_all {
    padding-top: 48px !important;
}

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

Best regards,
Mike

Hi,
Please check your staging site “COVID-19 Update” it doesn’t have the custom class “update” as your live site does, without this the css won’t work.

Best regards,
Mike

Hi,
Sorry I ment that your div code doesn’t have the custom class, like this:

<div class="update" style="background-color:lightblue; padding-left: 20px">
<span>
COVID-19 Update<br>
Learn about our expanded patient care options for your health care needs.
</span>
</div>

Try copying the div code from your live site, in your header.php, to your stagging site, or use the code above.

Best regards,
Mike

Hi,
Well now your staging site “COVID-19 Update” works correctly, but now your live site doesn’t have the correct code, please make the code for both sites the same like this:

 <div class="update" style="background-color:lightblue; padding-left: 20px">
<span>
COVID-19 Update<br>
Learn about our expanded patient care options for your health care needs.
</span>
</div>

In the above code this is the important part that adds the custom class <div class="update"

Best regards,
Mike

Hi,
Glad to help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike