-
Posts
-
I have an issue where when I scroll to any of the targets on a page like http://example.com/#link1 it scrolls a bit too far and the target is behind the header. I know there’s an offset to adjust for this but changing it doesn’t have any effect on where the page scrolls to. I’ve changed the header height in settings but it still loads the target behind the header. I’ve installed the ‘scroll to ID’ plugin which allows you to set an offset but it also doesn’t have any effect. I’ve also tried manually changing the offset in the header but it doesn’t have any effect. Nothing makes the content load any further down the page.
Example: https://greyshipdev.co/3d/tickets/#seating-chart the headline “seating chart” loads just behind the header at the top of the browser window. Same for https://greyshipdev.co/3d/tickets/#subscriptions which also loads just at the top of the browser window behind the header.
How can I set the offset?
Hi,
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
( do 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 a admin user and post the login credentials in the “private data” field.Best regards,
BasilisHi,
Thanks for the update.
How did you set the anchors? Have you tried using a color section to separate the areas of the page? You can use the Section ID field to define the anchor.
// https://kriesi.at/documentation/enfold/menu/#one-page-menu
You can also try to adjust the scroll offset value.
// https://kriesi.at/support/topic/link-in-footer-to-anchor/#post-970924
Best regards,
IsmaelHi,
The anchors are set manually in the special header elements. Just in the “header text” field:
Seating Chart<a name="seating-chart"></a>They do work and the page scrolls directly to that anchor. It’s just at the very top of the window, behind the header.
I can’t use multiple color sections because whole page is inside one color section that has the background positioned.
I’ve adjusted the scroll offset value the function that you mentioned but it doesn’t change anything.
<div id='main' class='all_colors' data-scroll-offset='145'>
The value in “data-scroll-offset=xxx” changes but it still scrolls to the same place with the anchor right behind the header.Hi,
Thanks for the update.
Try to replace the “name” with an “id” attribute and then modify the js > avia.js file. Look for this code around line 697:
calc_main_padding();Below, add this code:
fixedMainPadding = fixedMainPadding - 150;Don’t forget to purge the cache before checking the page.
Best regards,
IsmaelI couldn’t get it to work with the changes to avia.js that you mentioned but changing ‘name’ to ‘id’ allows the Page scroll to id plugin to work correctly. I’ve seen other threads where what was suggest and it works fine as long as the anchors are ids. Problem solved!
- The topic ‘Scroll to issue’ is closed to new replies.