rhami
(Rhami )
October 31, 2019, 4:43pm
1
Hey guys, love this forum and any help with this would be very much appreciated!
I am having issues with the Nav Menu on Mobile. When looking at the Nav Menu on my phone I see 3 issues:
The BG color is slightly transparent (the grey and white under “More”) even though I don’t have any transparency settings on.
If I scroll down and then try to open the hamburger menu, nothing happens (I assume it’s “stuck” at the top of the page)…not sure how to fix this.
When I click the hamburger menu, it shifts down and to the left slightly.
Thanks for looking at this for me
Here is my site Read-Only:
https://preview.webflow.com/preview/canadagamescouncil?utm_medium=preview_link&utm_source=designer&utm_content=canadagamescouncil&preview=bcfdfc975a273abf83481c7c19b03a1d&mode=preview
webdev
(Jeff Selser)
November 1, 2019, 12:29am
2
Hi @rhami , Can you please share the phone(s) and OS(s) you are using? That would help isolate the issue or at least give us a starting point.
1 Like
rhami
(Rhami )
November 1, 2019, 5:33pm
3
I’m on a Samsung Note 8 running the latest Android but it happens on iPhone as well @webdev
dram
(Alex Dram)
November 1, 2019, 5:44pm
4
You have transparency on the nav at the tablet breakpoint.
You added float to your nav, this makes the nav not fixed.
Once you fix the second point and redo your nav I think the third issue will go away. If not, post here again.
1 Like
rhami
(Rhami )
November 1, 2019, 9:20pm
5
Hey @dram the only thing that seems to be floated on the nav is the hamburger square so that didn’t fix anything unfortunately.
Appreciate all the help!
dram
(Alex Dram)
November 1, 2019, 9:26pm
6
You are correct. I didn’t check preview, and inside the designer it did work. Anyway, just swap the fixed
attribute between your container and navbar itself. The navbar should be fixed, not the container inside.
1 Like
rhami
(Rhami )
November 1, 2019, 9:46pm
7
Great thanks that did the trick!
1 Like