Robert Wattner
Forum Replies Created
-
No problem. I have a pro version of the plugin with all of those features and more but it became too much to keep up with. I’m working on possibly releasing a less complex pro version to start. Then I can add features one at a time and keep the bugs to a minimum.
Anyway, I’m happy to help.
I see 3 different headers in the code. The plugin doesn’t support being activated on more than one section/container. That might be causing code conflicts.
There are several ways to add the css. You can add it to the header under the advanced tab > custom css, site settings(top left hamburger menu) > custom CSS, or wp dashboard > appearance > customize > additional css . You could also use elementor custom code or code snippets plugin. I personally recommend putting it under your site settings or in the customizer.
Another thing, I see that the links stay white after the header changes. Instead of this code.
.elementor-sticky--effects .menutextcolours ul li a { color: #000000 !important; }Use this instead to change the text at the same time as the background.
.she-header .menutextcolours ul li a { color: #000000 !important; }I just noticed that your icon widget has the class “she-header” added to it. Is that set in the advanced tab for the widget? That should be removed if so.
That would cause the code I gave you not to work and also make the icon sticky.
The class “she-header” isn’t applied to the header until the page has scrolled the set distance. I can see that working in the code. As I scroll up and down on your site that class is added and removed. It’s working correctly for me on several devices. Have you cleared your browser cache?
For the hamburger menu it looks like that is the default elementor background color. You might have to set it to transparent. I believe it will be grey even if left blank.
If you want to remove the background color manually you can use this code.
.elementor-menu-toggle { background-color: rgba(0,0,0,0) !important; }This is the code I would use to change the hamburger icon color…
.she-header .elementor-menu-toggle svg { fill: #000000 !important; }It looks like you were using the global variable for the color. If you want to keep that color attached the the global color then use this code instead.
.she-header .elementor-menu-toggle svg { fill: var( --e-global-color-secondary ) !important; }Let me know if this works for you.
It looks like your hamburger menu already changes to black. You can use this code for the icon.
.she-header .elementor-icon { color: #000000 !important; }I hope this helps.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Can’t get the colors to workTry this code instead
/* LINK ACTIVE COLOR */ .she-header .elementor-nav-menu a.elementor-item-active { color: #ffffff !important; }Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Can’t get the colors to workHi,
You said it’s not working how you think it should. What isn’t working besides the submenu arrow? What exactly are you trying to achieve? I would assume that the menu text would start white, then change to brown when given the white background?
To also change the submenu arrow color you just need to add a fill. Like this…
/* LINK COLOR */ .she-header .elementor-nav-menu a { color: #fff !important; fill: red !important; }Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] issue with sticky headerIn that case, set the scroll distance to 1px. That way it sticks immediately. Maybe just past the header would be good, it just depends.
It might cause the page to jump when sticking. Sticky just means position: fixed. That removes the header from the page height.
That’s why the plugin is meant for pro. That’s noted in the description and the screenshot of the notice at the top of the plugin settings.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] issue with sticky headerHi,
I recommend making the header sticky. Select the header and go to Advanced tab > Motion Effects > Sticky set to Top.
Forum: Reviews
In reply to: [Sticky Header Effects for Elementor] Works great!Thank you! I’m happy you like the plugin.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Antivirus accusing TrojanHi,
I see this is resolved? There is no “jsMD5” file in the plugin, as you can see here https://plugins.trac.wordpress.org/browser/sticky-header-effects-for-elementor/assets
Please let me know, thanks.
Hi,
Unfortunately, my plugin doesn’t have this feature. What you’re describing would probably best be accomplished using intersection observers. A quick search for that should get you going in the right direction. I think Kevin Powell has a good YouTube video on this.
Good luck with that!
No problem. Thanks for the update.
Hi,
I see this is marked resolved?