Sticky Header Menu Transparency

Hi Support,

Is there any way that our Sticky Header Menu becomes a bit transparent? I mean if not scrolled down, it remains as it is but upon scrolling down, it becomes slightly transparent. Thank you in advance

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS:

.whb-sticked .whb-general-header {
    background-color: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(5px);
}

Best Regards

Thank you, it is done.

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts