-
Posts
-
We created a one-pager with anchor links for each Section. When I click on a menu item on smaller screens (i.e. in the mobile menu), the anchor positions seems to be before that actual section starts. In other words: The scrolling starts as intended but stops slightly above the section. On larger screens (i.e. with fixed header menu) everything is fine. Can you help?
Hello There,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
Hi Christian,
Thanks for the URL. It seems you have added the IDs to image or elements inside the section. You should add the ID to the section itself not inside any element.
Kindly add the IDs to sections to get expected result.
Cheers!
Hi Rupok – Many thanks for the input. We now removed the IDs from their existing locations and added them to the sections themselves. However, the issue seems to persist on devices with mobile menu showing. Can you help? Cheers, c
Hi there,
Thanks for updating. As your mobile menu is not fixed but it’s still taking the offset so it’s happening. You can either make the mobile menu sticky (follow #688851) or follow this solution – https://community.theme.co/forums/topic/mobile-single-page-nav-scrolltop-value/#post-149877
Hope this helps.
Cheers!
Hi Rupok
Many thanks! Helpful indeed. I added the Javascript and it is now working nicely. Is it better to add the script at global level or on the respective page?
Kind regards and thanks for the help!
Hi there,
If you use this for a single page then would be better if you add on page level as it will be unnecessary if there is no One Page Navigation on other pages.
Cheers!
- <script> jQuery(function($){ $("#no-reply-1004130 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
