Hello,
I have a problem. On my website I put a fixed and transparent menu. So at the scroll, it stays at the top of the page, we find the logo and the burger menu (all the rest is transparent). The problem is that on my homepage I use 100% color sections of the browser size and also arrows to scroll automatically to the next section. Only with the click the scroll is not perfect because there is the height of the menu (transparent in my case) which is added.
I saw a discussion about this: https://kriesi.at/support/topic/scroll-down-to-next-section-offset/
But I’m not sure how to change the. js and this solution doesn’t seem to stay up to date with the theme.
Do you have another solution?
Thank you in advance,
Hey Todo,
I’m not sure if I understand the problem, could you post a link to the site so that we can have a closer look please? A screenshot highlighting the problem might help as well.
Best regards,
Rikard
Hi Todo,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi,
Thank you for the info. Please add this code in the functions.php file to adjust the anchor scroll position.
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'] - 48;
return $header;
}
Adjust the pixel value “48” as needed.
Best regards,
Ismael