Robert Wattner

Hi,

From your screenshots it looks like the image needs to shrink to match the new header height. Do you have a link to the site?

The code you tried from here probably wasn’t working because you aren’t using the elementor menu widget. This code should work for you though.

/* Change menu link color on scroll */
.she-header .sf-menu-boosted-elements .boosted-nav-link-def {
  color: red;
}

/* Change menu link hove color on scroll */
.she-header .sf-menu-boosted-elements .boosted-nav-link-def:hover {
  color: limegreen;
}

I included the hover color as well in case you’d like to change that too. Just change “red” and “limegreen” with whatever colors you want.

Let me know if this works for you.

• This reply was modified 2 years, 8 months ago by Robert Wattner.

Do you have a link? The code depends on which menu widget you’re using.

its working fine for me. I can test more tomorrow. It’s late here now. Hopefully it’s fixed now.

Ok, I actually added the max-width to the plugin code. https://plugins.trac.wordpress.org/browser/sticky-header-effects-for-elementor/trunk/assets/css/she-header-style.css

I thought that fixed your problem.

@vallesierra7 please let me know if everything is working for you now thanks!

Looking at your code I see a width set on the header element itself that is overriding my plugin width setting of 100%. If I disable it in the devtools then my plugin takes over and seems to work correctly.

I can add !important to my plugin width and add a max-width as well. I don’t think it would hurt anything.