So my nav menu button isn’t working properly on the mobile view. It will let me click it to open once and any time after that viewing from my phone or other phones it will not let you open it again. Any ideas?
Hey @Quantumgo I took a quick peek at your site and it looks like you could possibly have some conflicting interactions on the navigation such as the negative margin on this element:
@Waldo, that’s for the nav-scroll that I only want to appear on the desktop, I have it set to these settings on all my other sites and it doesn’t do this? I have a Nav and a Nav-scroll. Nav-scroll I only use on the desktop version.
@waldo if I turn off the interactions on the mobile version it turns the interactions off not he desktop as well. I want them to stay on the desktop version.
Hey @Quantumgo thank you for reaching out again. No need to panic
I took a look at your menu structure and noticed that you’ve duplicated the “Nav Menu” element which can definitely cause issues with your mobile nav due to redundancy as the menu open interaction is then bound to both elements. There are also no height/width styles set on your nav menu elements which can cause issues as well.
Can you please try the following and let me know if it helps? Be sure to adjust the height of the nav-menu accordingly for tablet & down (try a width of 100% and height of 100vh)
(1) Try adding a height & width setting to both of the navs and remove the display styles which you’ve added on those elements.
(2) Instead of negative margin on an element, try positioning the element with bottom: -58px
@Waldo, yes it did! IT’s weird though cause I never had to do it this way before to make it work! I’m going to try this one the other ones as well to make sure those work!