How to Remove Header Opacity/Overlay in Hestia

If you don't like the background opacity and want it to be clear then please navigate to  Appearance -> Customize -> Colors -> Header Overlay Color & Opacity.

Move the horizontal slider to zero to remove the overlay totally. And, that's it!

Note: This option is available in the  Hestia Pro

If you are a Hestia Lite user, add the following custom CSS to Appearance -> Customize -> Additional CSS.

.header-filter::before { background-color: transparent; }
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.