One-page menu issues: smooth scroll offset and sidebar active links.
Background
- BeBuilder in use
- Header template in use
- Burger menu in use
- Custom sidebar in use
- Menu items set with anchors (but not with class=scroll)
- Page set to "One page"
Issues
- Sidebar menu items not updating with "active" (
.current-menu-item
) on scroll - Scroll offset incorrect when sticky header is set to
position:absolute
Resolutions?
- theme.js code
onePageActive()
function doesn't check for sidebar menu- Perhaps include
.mfn-sidemenu-menu
in programming?
- Perhaps include
onePageActive()
function usesinnerHeight
of#mfn-header-template
, even thoughposition:fixed
is in use- Perhaps check for scenario where sticky is fixed to set the offset to 0?
A temporary example can be seen at https://rb.gy/emi060
Happy to share credentials for on-site debugging whilst the site is still under development.
Comments
Hey,
Please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks
Thanks - message sent
I received your message, but there is no password for the WP user or for the FTP user.
Please send another message with complete information.
Thanks
They were in a link to a secure site to obtain, did the link not come through in the message?
I've sent fresh details now.
You did, but I did not notice it before. Sorry for my overlooking.
I checked your website from the backend and made a few modifications without changing the files.
1) The menu in the sidebar menu template had variable color set in hover color. Color picker does not handle such entries and there should be used color in hex used.
2) The scroll offset is correct because it is the same as the section height. If there were a section background, it would cover the section where the anchor scroll goes.
I resolved it on your website by setting the section height to zero.
Please check your website now, and if you have any doubts, questions, etc., do not hesitate to let me know.
Best regards
Thank you - both work as expected.
Huge thanks, once again.
You are welcome.
Always happy to help.
Best regards