I currently have my website setup using #anchors for scrolling, which works perfectly on desktop, but not on mobile.
I know that the top of these anchors scroll up to the bottom of my menu, but due to the mobile menu taking up the majority of the screen, I only see a very small portion of the anchor. I'd like the anchor to scroll all the way to the top of the page, behind the menu, so that when I close out of the menu the anchor is at the top, just as it appears on desktop.
I tried some basic offsetting with css, but was unsuccessful in making it responsive.
Please let me know what I can do to fix this, thanks!
May I ask which browser and which device are you using, because what you are described it is not the behavior the anchor should do on mobile, and this not what I see on your site.
A anchor link should align the anchor to the top of the screen and it should close the menu.
I currently have my website setup using #anchors for scrolling, which works perfectly on desktop, but not on mobile.
I know that the top of these anchors scroll up to the bottom of my menu, but due to the mobile menu taking up the majority of the screen, I only see a very small portion of the anchor. I'd like the anchor to scroll all the way to the top of the page, behind the menu, so that when I close out of the menu the anchor is at the top, just as it appears on desktop.
I tried some basic offsetting with css, but was unsuccessful in making it responsive.
Please let me know what I can do to fix this, thanks!
Hi Bruce,
May I ask which browser and which device are you using, because what you are described it is not the behavior the anchor should do on mobile, and this not what I see on your site.
A anchor link should align the anchor to the top of the screen and it should close the menu.
Thanks,
Alexandre from the Sonaar.io Crew
I've tried Safari on iPhone 7 and X, and also resizing google chrome on desktop so that it behaves like the mobile site. Both have the same problem.
This issue is only on mobile, desktop is fine.
Here's a screen recording.
Hello Bryce,
Thank you for the video. Yes I can see the issue now.
May I have a login credential to the wp-admin.
Thanks,
Alexandre from the Sonaar.io Crew
Thanks
We are working on this issue.
I will contact you soon as possible.
Thanks,
Alexandre from the Sonaar.io Crew
Hello Bryce,
We will release a new theme update this weekend with the fix for this issue.
Thanks,
Alexandre from the Sonaar.io Crew
That worked, thank you.
Another problem I'm having is that the music player lays on top of the menu, so I'm unable to select the Contact option.
Hello Bryce,
Please go to wp-admin>theme options>custom css/js
and add this code
.classic-menu.fixed {
z-index: 9000
}
Thanks,
Alexandre from the Sonaar.io Crew
Perfect, thanks!
you are welcome
Thanks,
Alexandre from the Sonaar.io Crew