-
Posts
-
I’m hoping to offset the smooth scroll anchor links, to adjust for the sticky nav/header on https://westlacommons.wpengine.com/ (so the content at the top of the sections doesn’t get lost behind the header / so the top of the sections stop at the bottom of the header, rather than at the very top of the browser.
I saw this solution https://kriesi.at/support/topic/menu-anchors-scroll-to-section-offset/#post-520734 – is that still the preferred method, and if so can you tell me how to add that via a child theme or some other way to prevent losing that snippet in theme updates?
Thanks as always!
Hi sky19er,
We apologize for the delayed response.
The thread is already almost six years ago and I believe this is already the default behavior without any tweaks, you can see it in the demo: https://kriesi.at/themes/enfold-wedding/
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( to be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.If you’re not comfortable with giving us access to the live site, we would appreciate if you could setup a staging site for us.
Here’s a simple tutorial you can follow: https://themeisle.com/blog/wordpress-staging-site/Best regards,
NikkoHi sky19er,
Thanks, I have checked it out and tried to reproduce it.
And there’s a conflict with elementor with the implementation of smooth scrolling.
If I used just Enfold’s Advanced Layout Builder, it works properly but if Elementor’s page builder is used then it covers partially the top of the section.
Modifying avia.js also did not help in this case (though it works when using Advanced Layout Builder).
The workaround for Elementor is using a Menu Anchor add the ID (remove the ID from the Section) then in Advanced > Positioning, set Position to Absolute and set Vertical Orientation to -150 (just adjust this negative value as you see fit).
Hope this helps.Best regards,
NikkoHi sky19er,
Thanks, I have checked it out and tried to reproduce it.
And there’s a conflict with elementor with the implementation of smooth scrolling.
If I used just Enfold’s Advanced Layout Builder, it works properly but if Elementor’s page builder is used then it covers partially the top of the section.
Modifying avia.js also did not help in this case (though it works when using Advanced Layout Builder).
The workaround for Elementor is using a Menu Anchor add the ID (remove the ID from the Section) then in Advanced > Positioning, set Position to Absolute and set Vertical Orientation to -150 (just adjust this negative value as you see fit).
Hope this helps.Best regards,
NikkoGot it — thanks! And thanks so much for the Elementor Menu Anchors tip — that’s a totally sufficient option — sorry I didn’t try that before asking! Thanks again and feel free to close this thread.
- The topic ‘anchor links smooth scroll offset for sticky nav/header’ is closed to new replies.