Hope you are very well :)
I am experiencing issues with my primary menu in smaller screens, where a good part of it exceeds the bottom of the screen, as well as overlaps the second menu — when it shouldn't.
Is there anything you can suggest to help???
Please find attached how it looks and how it should ideally look.
Desperate for any tips!
Thanks so much for your time.
Because your Secondary Menu ( bottom menu ) is "position: fixed;" It will always align on the bottom of the page even as other content changes -
Therefore ( i assume in your case ) that the primary menu text is too large for smaller screens, if the text is too large it will always push out at some point because: Smaller screen = less space,
However a common fix in your case would be that as the browser re-sizes the font size will adjust accordingly - Responsive Font Size:
For more help with CSS and Development tools:
Best Wishes & Good Luck! :)
I don't answer or check forum DMs, please just post on the forum.