hey guys, I have been asked to hide the mobile menu when a nav option is selected and directs the page to a section. I solved this by adding an animation that closes the menu on click.
This all works fine, except if you open the menu and select about then quickly open the menu and select teachers the hamburger jumps over to the right as if it has a negative margin.
Any ideas why this is happening? This site was built by someone else using a template and I am just making a few changes on it so am not sure where the negative margin is coming in.
Here is my public share link: https://www.radyoga.com/
Hi @Ashley_Hewins, first off welcome to the community.
Secondly, the link you sent is not the share link but the live site. Here is a quick video for the share link: Loom | Free Screen & Video Recording Software | Loom
Once you post this link we will be able to take a look for you.
Hi Brandon, the second page is only for yoga therapy on request from the client. He had build most of it already and my main task was to link out the yoga therapy page.
Here is a video of the menu glitching on my phone http://s000.tinyupload.com/?file_id=02221650988544289510
Thanks for the tip on the auto height that makes sense.
The two tap on the menu is because the template the client used left the menu open when you scrolled to the page section. I added an animation to close the menu on tap of each menu option but this does not clear the original Menu Icon animation which also closes the Menu on 2nd tap, hence the two tap on the menu after you have scrolled.
Do you have any thoughts on how to fix this one?
1 Like