Robert Wattner
Forum Replies Created
-
@bruno05 Hi, the moderators here would prefer that you start a new thread. They might say something about that. It’s easier to keep track of and better for others who might have a similar issue. Anyway, in the meantime, do you have a link to your site with the problem? I can take a look.
Forum: Reviews
In reply to: [Sticky Header Effects for Elementor] Best plugin after updateThanks for the nice review! I’m happy you like the plugin.
Hi,
In the code it looks like you have the bottom container sticky offset set to 50px. Can you please check on that container under the advanced tab > motion effects > sticky = top, offset = 0, and effects offset = 0?
I don’t see the plugin active on the page anymore.
Fo you happen to have the plugin activated on more than 1 container? That can cause settings conflicts.
I can look into your site more tomorrow.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Changes when scrollingGreat, happy to help!
If you have time, would you mind leaving a review? It really helps. I appreciate it!
https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/#new-post
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Shrink logo not workingHi,
The logo shrink feature is meant to be used with the elementor logo widget or an elementor image widget. I see you’re using a third party logo widget. Can you try using one of the other widgets for the logo and see if that works for you?
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Changes when scrollingHi,
That code is meant for the elementor nav menu widget. Try this code instead
.she-header .jkit-nav-menu a { color: #1D1D1B !important; } .she-header .jkit-nav-menu a:hover { color: #1D1D1B !important; } .she-header .jkit-nav-menu a:active { color: #1D1D1B !important; }Lmk if that helps.
Hi,
It’s working for me. The header background changes to a light blue on scroll. Maybe it’s your browser cache. Lmk if clearing that helps.
Thanks for all your answers. I’m sorry, when I said I needed to look at the code, I meant using the devtools on a live page. The static code doesn’t help much, unfortunately.
Can you try adding this CSS?
.she-header { max-width: 100vw; }That code is just a guess but it might help.
Hi,
Im sorry you’re having problems using the plugin. It’s difficult to tell what’s happening in the screenshot. It looks like the social icons are gone?
You have the plugin active on only the outermost container correct?
What do you have the scroll distance set to?
Did you set the header container to sticky? (Advanced tab > motion effects > sticky > top)
The plugin does use CSS to make the header width: 100% after scrolling. I can’t really tell what’s going on without looking at the code.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header Background flashes when loadingHi,
It looks like you have the “transparent” option on the plugin enabled. That is making the header transparent once it hits the targeted scroll distance. There is a 0.4s transition on the background color, which is what you are seeing. Could you please try disabling that option and let me know if that helps?
Also, if you set the plugin scroll distance to match the height of the section above the header, it would make for a smooth transition. The header would stick/unstick as soon as the top section is off/on the screen. You can use the devtools to find the height of the top section for each breakpoint. Or, my preferred way, use the min-height setting for the top section instead top/bottom padding. That way you have control over the exact height.
Let me know how it goes.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Shrinking Menu gets stuck to topI would use the min height setting for all 3 containers that way you don’t need padding and know the exact height of each.
It looks like the top can be 30px, middle 180px, and bottom, 60px.
Then you know the scroll distance on my plugin needs to be 30 + 180 = 210px.
The bottom header is shrinking smoothly. I can see the height transition. It just looks like it’s not shrinking very much. You could set the bottom section to something like 70 or 80px. Then you can shrink it to be smaller once it’s sticky.
Remember, padding can’t shrink, use min height instead.
I hope this helps.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Shrinking Menu gets stuck to topYes, that setting is an Elementor Pro setting. It looks like the scroll distance for desktop should be 161.188px, tablet is 154.848px, and mobile is 162.031px. That should stick the blue section as soon as it hits the top of the page. Hopefully that helps. I just used the devtools to add up the total height of the top sections.
Let me know if that works.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Shrinking Menu gets stuck to topHi,
I see that the CSS class “she-header” is immediately applied to the header. That class should be toggled once the scroll position has been reached. Try setting the scroll distance a little past the header.
If the bottom blue header section is set to sticky > top, then it should be a smooth transition.
Let me know if that works for you.