Robert Wattner
Forum Replies Created
-
Hi, do you have a link to the page so I can take a look? Thanks
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Not compatible with Scroll SnapHi, sorry, I didn’t get a notification about this post.
I just looked into this and it the scroll snap seems to break scrolling effects even without my plugin. Elementor has it’s own built-in scrolling effects system. You can see it here
https://elementor.com/help/sticky-transparent-header/I tested using this method without my plugin installed and switching scroll snap on and off was breaking the feature. Looks like they even broke their own stuff with the new feature, unfortunately.
This seems to just be a bug with scroll snap, hence it still being an experiment. They will most likely fix this soon, I hope they do anyway. Sorry you are having problems but it looks like it’s on their end.
Edit: I saw that other were having the same problems in their support forums. I’ll also be reporting this on their githug. Thanks again for bringing this to my attention and sorry for the trouble.
- This reply was modified 4 years, 4 months ago by Robert Wattner.
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Cumulative Layout Shift in mobile@fferrari Hi, I was wondering if you had any luck with your site?
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Cumulative Layout Shift in mobileHi, I’m good, thanks. How are you?
The video looks like there is a delay being caused transitioning the header section from position:relative to position:absolute. This css is applied in the modules/transparent/module.php file.
Basically removing the header height from the page too late.
This might be solved by turning the transparent header off, and using negative bottom margin to achieve a “transparent” header. I usually set the header section min-height so I know exactly how much negative margin is needed. Example if header min-height:120px then margin bottom: -120px.
I hope this helps. If not, maybe some css to match initial header position would result in no strange transition.
Let me know how it goesForum: Plugins
In reply to: [Sticky Header Effects for Elementor] Cumulative Layout Shift in mobile@fferrari Hi, could you please describe the shift you are referring to? I just looked at the site on mobile and it seems fine. Although, I’m not sure if I should be looking for something specific. Thanks
@pichu2707 I am only the developer for Sticky Header Effects plugin. If you are having problems with elementor free or pro updates then they would be the ones to contact. I can only help if my plugin is breaking the site, but it sounds like your problems are still happening even without my plugin. I don’t think my plugin is doing this, I did extensive testing with 3.55 and found no problems caused by my plugin.
I hope elementor can help you. Sorry I can’t help furtherDoes the site still break if Sticky Header Effects plugin is disabled/uninstalled?
Forum: Plugins
In reply to: [Sticky Header Effects for Elementor] Not working for mobile@vwiklund Hi, I just looked at your site and I see that you have my plugin activated on several sections. Unfortunately, the plugin doesn’t support being active on more than 1 section. I think this is causing problems.
It looks like you are using entirely different sections for desktop and mobile. Typically the best solution is to hide/show individual elements responsively rather than entire sections. This is also easier said than done.
I apologize because I need to make it more clear on the plugin documentation that it doesn’t support multiple activations.@pichu2707 Yeah, here is fine since the topic matches and we’re already communicating.
Do you have a link to your site by chance?
Have you tried disabling my plugin to see if the problem persists?
I’m not sure exactly what multilingual switches you’re referring to. Also, which images aren’t appearing exactly?No problem, happy to help!
Gotcha, that is typically referred to as the active link color as it uses the “:active” css pseudo class.
I did a quick search and found that header footer builder doesn’t support this feature unfortunately. “However, currently, there is no inbuilt option in the Header Footer plugin to change the color of the navigation menu on the scroll.” found here:
https://wordpress.org/support/topic/how-to-change-active-menu-colour-while-scrolling-2/I’m sorry I can’t help with this. They just don’t have this functionality.
@pichu2707 I just tested on Elementor 3.55 using the theme builder and just a section on the page and had no problems at all. Have you tried disabling the plugin, clearing cache, or regenerating Elementor CSS? Are you using Elementor Pro? Have you checked your console logs for errors? How exactly are you building the header and how is it set to display?
After looking at your site, if you just want to change the menu link color when the header changes, you can use this code that works with HFE.
/* MENU LINK COLOR CHANGE ON SCROLL */ .she-header a.hfe-menu-item { /* MAIN COLOR */ color: red !important; } .she-header a.hfe-menu-item:hover { /* HOVER COLOR */ color: blue !important; } .she-header .menu-item.current-menu-item a.hfe-menu-item { /* ACTIVE COLOR */ color: yellow !important; }Just replace “red”, “blue”, and “yellow” with the colors you want. I hope this helps
Hi Lizna, I’d be happy to help you out. Do you mean you need the menu items to change color once, or keep changing several colors across the page?
@pichu2707 hi, sorry you’re having problems. Could you please start a new thread with more details about your problem? This way others experiencing similar issues can can find this information more easily. A big part of the forums is to be a tool to help others in the future. Thank you!
In the meantime, I’ll do some testing on a clean WordPress install with elementor 3.55.