Change Pro header when triggered

Support
#1

In this video by Josh, in the end he mention the possibility to change the header when triggered with some CSS in the Headfer CSS. In his example how to change the header color when scolled with this code:

Video: https://youtu.be/_tiraUr7Qp8?si=XlP0N85O7K7dnm7y

/Sticky state/

.x-bar.x-bar-top.x-bar-h.x-bar-is-sticky.x-bar-fixed {

background-color: pink !important;

}

He also mention you can also change the logo and menu font colors this way.

I only can’t figure out what is the right css name for that, the logo image is just .x-image img and the menu items .x-anchor-text-primary.

Can you help me with the right css to change the logo, the menu font color and for example a button background color when triggered?

Of course I can do it with one absolute bar and one sticky relative but like to try this with one…

Here is my test page: https://cresult.nl/carmen/rb/

THX, Carel

#2

Hi Carel,

Thanks for reaching out.
What you are trying to achieve is required custom CSS coding, which is beyond the scope of our Theme Support. I would suggest you hire a developer who can assist you with the customization, or you can avail of our newly launched service called One, where we answer questions beyond normal theme support.

Thanks