mobile menu with link id remains open after clicking
-
Hello!
On my website menu: https://wabot.app.br/
If you access it from your cell phone, you will see that when you choose an option from the menu, it scrolls to the correct position behind the menu, but the menu remains open and in front, which confuses the customer.
The correct thing to do is: Click on the menu option, scroll to the correct position and close the menu.
Can you check this?
Hello,
In this case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?
Kind Regards
Hi, sure, I am sending the access below.
Hello,
Please use the below custom JS code and paste it to Theme Settings >> Custom JS >> On document ready section:
jQuery('.wd-nav-mobile').on('click', 'li > a', function(e) {
jQuery('.wd-close-side').click();
});
I am sure your issue will be solved.
Best Regards.
It worked very well =)
Thanks.
I have one more request:
When I click on the menu option, is it possible to adjust it so that the initial part is not hidden behind the Mobile menu?
Ex.: when I click on the Plans link, the screen looks like this (it doesn’t show the title, because it is behind the menu):
https://imgur.com/pgOw1uc
Is it possible to adjust it so that when it scrolls to the right point, it considers the menu as the top? This way, the Title or main element will always be visible, instead of hidden behind the menu.
https://imgur.com/0L0RwHJ
Could you help with this too?
Note: I adjusted the top margin on all titles from 70 to 80px and it worked… but there was a lot of space.
If there is a way to make the menu the top of the screen, it would be a simpler solution, instead of editing several elements with high margins.
Can you see if this is possible? Thanks.
Hello,
Try to use our “Menu anchor” element, define it above the container and check how it works – https://take.ms/kZe7U
Thank you for your time.
Kind Regards
.
