Toggle Opacity in Website Header

In website header, I would like to modify the opacity so that the header has some transparency, much like the header on this site actually. How would I do this, if it’s possible?

Hello,

Thank you for contacting us.

Could you please provide us your web-site link and color you want to set for your header? We will prepare a custom code snippet that will help you to achieve this.

Regards

Hello, I have the same question. I have been struggling with the header for a few days. I would like to make the header transparent or partially transparent while keeping to Top Bar.

Hello,

Thank you for the question.

Here is a code snippet that you may add to the Custom CSS section in your Theme Settings to make your header red and half transparent

.main-header {
	background: rgba(255,0,0,0.3);
}

Regards

[Author]

Posts