Robert Wattner
Forum Replies Created
-
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Right Container not stickingHi,
I see the header isn’t acting as you described. I also see the site isn’t using this plugin. Do you still need help with this?
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Cant get background on scroll to appearSounds good. You might want to remove your login info from the previous post. I think it’s against the forum rules also.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Cant get background on scroll to appearHi,
A while back I” noticed there was a conflict with the scroll snap feature. At the time it was still new and in beta. I was hoping the issue would be resolved once it was out of beta. That scroll snap feature causes other problems as well. I’ll revisit this issue but for now the plugin doesn’t support the scroll snap feature. Sorry. Since it’s no longer in beta, I can make a notice about this on the plugin page.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Cant get background on scroll to appearHi,
I see that the header isn’t sticky and the plugin isn’t activated.
On your header go to the advanced tab > motion effects > sticky > set to top. Then, below that, go to sticky header effects > enable it. Go down to background color, enable that and set it to white. Set the scroll distance to when you want the effect to happen. I recommend 1px so it’s immediate.
I also see that your header is already white. You’ll have to change the color or set up a transparent header. My plugin has an option to enable for that or you can just use negative bottom margin.
- This reply was modified 2 years, 4 months ago by Robert Wattner.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Change background of icon on scrollTry this code out. Just change the blue color.
.she-header .hfe-nav-menu-icon { background-color: blue !important; padding-right: 7.7px !important; margin-right: 36.3px; }That button originally used all padding for the right side spacing. I had to fix the padding and add margin to make it look right. I hope this is what you wanted.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Change background of icon on scrollThis CSS should do what you want. Just change red to whatever color you like.
.she-header #Icon_feather-menu path { stroke: red; }Also, you can remove the password from here if you don’t want it public. I think it might be against the forum rules as well even though it’s not a main account login.
I hope this helps!
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Change background of icon on scrollHi,
Sorry for the delay. This should be no problem with a little bit of css. Do you have a link to the site? Is it using the elementor menu widget? Lmk and we’ll get the code you need.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Text menu change colorHi,
What are you trying to change exactly? The menu links change from white to black on scroll.
The negative left position is on the element itself. I’m not sure where it’s coming from.
https://drive.google.com/file/d/1jCZyREHkK5N7yPS6Uu9JSYtJxhzYV21j/view?usp=drivesdk
Hi,
1. I noticed the header has a position property of “left: -261” for some reason. Removing that allows the header to be center. Then, the header is only 1400px wide because it’s inside the site container. Once it becomes “sticky” (position:fixed) it’s removed from the flow and can then become fullscreen width.
The plugin only adds the property “width:100%” I don’t think that is the problem.
I would look into the site layout, page layout, and section/container settings to allow the header to be full width.
2. I’m not seeing the logo disappear. I views the page on several devices. Could it possibly be a local cache situation? Something is causing the logo size transition to be ignored. That is usually caused my css combination/minification or some other type of optimization.
I hope this helps you figure it out. Let me know know it goes.
Hi again,
I duplicated your setup and the only way I got a jump is if the header wasn’t set to sticky > top. Can you double check this please?
Hi,
sorry to hear that you’re having problems. Do you have a link? I’ll try to duplicate this setup and see what’s going on.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header wont snap to containerGreat! It looks like it’s working to me on mobile. Happy to help, lmk if I can do anything else.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header wont snap to containerIm not at my computer right now, sorry. Did you remove the id from the old anchor? The anchor widget should be the only thing with that #id. Sis you try adjusting the vertical position? When you set the position to absolute the default it top:0. You should set that top offset to at least the height of the header.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header wont snap to containerHi,
this is just something that happens with any sticky header, elementor or otherwise. This isn’t a problem with the plugin or any settings. If you search for this problem you will find several solutions. https://www.google.com/search?q=fixed+header+achor+link+offset&oq=fixed+header+achor+link+offset&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIICAEQABgWGB4yDQgCEAAYhgMYgAQYigUyDQgDEAAYhgMYgAQYigUyDQgEEAAYhgMYgAQYigXSAQkxNjQwNGowajSoAgCwAgA&client=ms-android-verizon&sourceid=chrome-mobile&ie=UTF-8
The easiest solution is using the css property “scroll-margin-top” but unfortunately it doesn’t work with elementor’s built-in smooth scrolling method. It’s a known issue on their GitHub. https://github.com/elementor/elementor/issues/13177 If it did work I would have added it as a setting in the plugin. Maybe it will work in the future and I can add it.
The way I personally solve this is by using the elementor anchor link widget. Add it to the top of a section, or wherever you’d like the anchor to be, and set the position to absolute. This way you can adjust the vertical offset to scroll exactly where you want. The position is responsive as well.
Sorry I can’t help more, it’s a common situation. Hopefully this helps you figure it out. Good luck!