-
Posts
-
Hi Kriesi Team
I am having another issue with Anchor Points. Again they work fine if I am scrolling up and down the page and they stop at the right location. If I click on the absolute link in the navigation navigating to the anchor point with an absolute link it sometimes is precise and sometimes not.
This only occurs in Safari & Firefox (Mac OS 11.6)… works well in Chrome (same OS).
I already added the function you suggested in other posts…. but doesn’t seem to work either… again this is random. Sometimes it works and sometimes it doesn’t.
Tried to disable all plugins. Issue remains.
Function as per another post on this topic
add_filter(‘avf_header_setting_filter’, ‘avf_header_setting_filter_mod’, 9999, 1);
function avf_header_setting_filter_mod($header) {
$header[‘header_scroll_offset’] = $header[‘header_scroll_offset’] + 150;
return $header;
}Login details and url are below in case you need them.
The pages using anchor points are
— Ethical Responsibility
— Our ProductsThe anchor points are placed in the title of the section. I tried on the grid section but that was worse in case of it working. Did not work at all.
Thanks so much.
corinaHey Corina,
Thank you for the inquiry.
Looks like the issue only occurs on initial load when the page or the resources have not been cached or stored in the local machine. It works fine after the initial load. Have you done any speed optimization to the site? Optimizing the loading speed might help fix the issue or at least prevent it from constantly occurring.
We also noticed this blank or empty div containers at the very end of the page.
<div> <div></div> <!--end builder template--></div>Did you add any html tags to the “ethical-responsiblity” page?
Best regards,
IsmaelHi Ismael
hmmm just installed WP-Rocket and there is no difference whether it is turned on or turned off. On my end it literally doesn’t work (jumping to the anchor point)—unless your are using them on the same page (up/down). But if you use the absolute url to the anchor point it doesn’t work. It always jumps below where it should.
I also disabled and enabled the function stated above and does not make any difference.
In regards to the extra div, I cannot see where they come from, all I used is the Enfold Avia Layout Builder elements and adjusted css where needed.
Also on mobile if you used the Anchor point in the navigation, it does not let you scroll somewhere else, it keeps jumping back to the anchor point!
Feel free to login (credentials supplied in initial post).
Thanks heaps.
This website should go live on Monday so any help to solve this would be appreciated.
CorinaHi Ismael
Sorry to post again, but I found a solution. The following plugin did the trick on Desktop and Mobile. Posting here in case someone else has the same problem.The plugin is
Page scroll to idBut I now have the problem that the sticky header on mobile does not work. I just implemented it based on the css you are providing.
/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 200px!important;
}
.responsive #top #wrap_all #header {
position: fixed!important;
}
}I cleared the cache on WP Rocket, the mobile device and also in the performance section of Enfold.
So not sure why or where it is not working.
Thanks heaps. Appreciate your help.
All the best,
CorinaHi,
Thank you for the update.
Glad to know that you have found a working solution to fix the anchors. Regarding the header, it seems to be working correctly on our end as shown in the screenshot below.
Screenshot: https://imgur.com/2Bc04MN
The white space above the header in the screenshot only displays when the wp admin bar is in the page or when logged in.
Best regards,
Ismael
- You must be logged in to reply to this topic.