Hi! Thanks for trying my plugin. 🙂
You can do this with some additional CSS, like this:
.sticky-element-original:not(.sticky-element-active) {
color: white;
background: black;
}
Of course, change the colors/background to your liking.
Hope this helps!
thanks it did!
awesome support!
Dear Mark,
in addition I would like to achieve the following too.
My website: http://www.woordaccent.be
I would like to expand your sticky menu accordingly to my website page width.
As you can see, the left and right sticky menu area needs some extra black background margin.
Do you have an idea how to accomplish this too?
Thanks.
Hello Mark,
I have a similar problem, but the solution needs to be a bit different,
and I have not yet figured out how to do it.
In my application, your solution works for the background, but not for the text color.
I can change the text color for the entire menu, sticky and non-sticky, by the following:
.menu-image-title {
font-family: “Poppins”, “serif”;
height: 30px;
color: #ffffff;
}
Yet, I can’t see how to add that to your solution to make the .menu-image-title class color toggle when the sticky menu is activated. Do you have a solution for this?
Mark A.
Hi @tdma77,
Without seeing your site it’s a little difficult for me to see what code you’ll need to make this work. Any way you can share a link to your site?
This code could help, but it’s just a guess (since I haven’t seen your site yet):
.sticky-element-original:not(.sticky-element-active) .menu-image-title {
color: red; /* or any other color */
}
Thanks!
