Robert Wattner
Forum Replies Created
-
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] SuggestionI see, yeah, css opacity value on the sticky header would affect the entire header and everything inside it. If the 8 digit hex isn’t accepted the other easy way is to use rgba. Is that an option with ACF? If so, here is a nice 8-digit hex to rgba converter https://jsfiddle.net/teddyrised/g02s07n4/embedded/result/
I don’t know why elementor switched away from rgba to the dumb 8-digit hex. You can still manually enter rgba in elementor colors though.I hope this helps. Even though this seems like a limitation with ACF I’m still willing to help you figure something out that works. Let me know
- This reply was modified 5 years, 3 months ago by Robert Wattner.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Logo in CenterHi, I’ve found the issue. It looks like the problem is with the image width set to auto. At the top auto means 100% width which centers the logo. Then, after scrolling, the image is shrunk and has a set smaller width.
You should be able to solve this by setting the column horizontal align to center. That is won’t matter how wid the image is, it will always stay centered.Please let me know if this helps.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] SuggestionHi, have you tried using the dynamic tags option? When you are in my plugin settings click the background color selector. The top right icon in that window is for dynamic settings which should include ACF options.
Click on the Dynamic icon
Choose ACF Field
Once selected, click again on ACF Field
In Settings > Key, select the custom field you want to display.
The options in the Advanced tab are optionalForum: Plugins
In reply to: [Sticky Header Effects for Elementor] Logo in CenterHi, sorry you are having problems. This sounds like it’s either the logo positioning or the column alignment is changing for some reason. Do you have a link? That would be the only way to tell what’s really going on. It might be something that I need to fix for an update.
Lmk and we’ll get it figured out for youForum: Plugins
In reply to: [Sticky Header Effects for Elementor] Plugin conflictGreat to hear, happy it worked out for you. Have a good one!
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Plugin conflictHi, sorry you’re having problems. Are you talking about the elementpress that’s shut down now? Do you happen to have a link where I can get the plugin to do some testing or to the page you are working on. I’m sure I can write you some custom css if that will do the job for you.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header not sticking on top on-scrollHappy to help
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Doesn’t work@kebiro are you still having this problem?
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header not sticking on top on-scrollYes, please, feel free to email me rwattner@gmail.com
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header not sticking on top on-scrollIf you just need to remove the margin from an element or section once the scroll point is reached you can use the built-in elementor “selector” and my plugin class .she-header to remove it. You have to put the css in the custom css section for that specific element or section.
.she-header selector { margin: 0 !important; }Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header not sticking on top on-scrollOk, I think I understand. Try these settings…
Select your main header section and under the layout settings set it to a specific height in px (ex: 150px).
Go to the advanced tab and set the bottom margin to the same but negative (ex:-150px), and top margin to 0.
Set the z-index to 99(a high number so it stays in front).
This will move the next section up behind your header.
Below the advanced settings, you should see motion effects settings. Here, set sticky to “top”, offset and effects offset both to 0.
This makes your header sticky to the top of the page and below any section above it without any gaps.
Finally, go to my plugin settings and make sure transparent header setting is off.You might need to adjust the scroll distance for best results. Here is an example site with these settings https://www.thedavenportlounge.com/san-marcos/
If this isn’t what you need I’m going to need you to email me some screenshots or something so we are on the same page. rwattner@gmail.com
Let me know if this helps
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header not sticking on top on-scrollI forgot a piece of the code. Try this
.she-header { margin-top: 0 !important; top: 0 !important; }Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Header not sticking on top on-scrollHi, do you happen to have a link to the page you are working on? That would help a lot.
You can try this code and see if it does what you need. Set the section top margin to 50px and then add this custom css.she-header { top: 0 !important; }Let me know if that helps.
Hi, I’m sorry this is giving you problems. I looked at your site and I see that you have the plugin activated on more than one section. This currently isn’t supported. I have seen this come up a few times now and plan on making this more clear for future builds that multiple activations aren’t supported.
What’s happening is that 2 sections are getting the same classes applied to them. This means the different settings are fighting with each other to take priority being applied to both sections at the same time since they now have the same css selectors.
I’m sorry that this wasn’t made clear in the documentation as it’s only recently occurred to me that it needs to be addressed.
You can use Elementor’s display conditions to display different headers, with different settings, on different pages. Also, if you just need a section to be sticky, you can use Elementor’s sticky option under the motion effects setting in the advanced tab.I hope this helps, and again, I appologize for the lack of clarity about this scenario.
@peacockcreativedesign I’ve just tested this problem and I can’t duplicate it. I tried the current version of WordPress and elementor with no issue. Next, I even tried the elementor 3.2 developer release, and still worked fine. Do you have your header section set to stretch? Are you sure that the section you are using isn’t an inner section?
Please let me know, thanks