Sticky menu background color

Hello,

I want to set a background color for the sticky menu when header builder. Is there a way to do so? The original menu have a transparent background and I want to set it to white upon scrolling down.

Thanks

Hi There,

Please check Kory’s suggestion from this link: https://www.facebook.com/groups/xthemeusers/permalink/801546963355046/?comment_id=801918549984554&comment_tracking={“tn”%3A"R1"}

Let us know how this goes.

Hello,

I achieved it with some CSS by adding custom class to the header.
For eveyone needing a solution, here is the code I used (I added custom css class to the bar - narbarhigh) :

div#navbarhigh.hm1.x-bar.x-bar-top.x-bar-h.x-bar-absolute.navbarhigh.x-bar-outer-spacers.x-bar-fixed{
background-color:rgba(255,255,255,0.6)!important;
}

Thanks for sharing :slight_smile:

Thanks for sharing, can you go into more detail how to implement this?

Hi @CrossTown,

Thanks for writing around! To assist you better, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

Hello,
You should add the class “navbarhigh” to your bar (or any other css class). Than copy and past the code below in the css tab.

Thanks for your input.

Thank you. I will be playing around with this.

Hi @CrossTown,

Let us know how it goes.

Thanks. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.