Customizing Pro Header

[bartenderonduty]

Hi Themeco Team,

I’m currently building a new header using the Pro theme. Is there a way to make a sticky header semi-transparent and blur the contents behind the header with Pro, like this? If so, can you make a suggestion on how to accomplish this?

Thank you!

[marc_a]

Hey @bartenderonduty,

Thanks for reaching out!

There’s no option in our Header Builder to set a background color in the sticky mode. What you are trying to achieve will require CSS code. You may use the CSS code below.

.x-bar.x-bar-fixed {
	background-color: rgba(128,34,95,.15);
}

You can create your RGBA on this article.

• https://rgbacolorpicker.com/

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps and thank you for understanding.

[bartenderonduty]

Thank you!

Is there anyway to blur the contents behind the navbar?

[marc_a]

Hey @bartenderonduty,

It will require custom coding to do that. You need to consult with a developer or you can avail One where we can answer questions outside of the features of our theme.

Thank you for understanding.