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 -> Additional CSS section and add the following code:

.header-filter::before {
    background-color: rgba(0, 0, 0, 0) !important;
}

If you don't want to remove it, then you can also adjust it by changing the value to something like: rgba(0, 0, 0, 0.2).

Note: Don't want to mess with code? This customization and much more is possible in the Pro version of the theme! Check out more differences between Hestia and Hestia Pro by clicking here.