Navbar menu drop-down appearing in strange place on mobile view


When I click on my nav bar menu icon in mobile view, the drop down menu appears just off screen in the middle of the page, rather than under the icon. I’m not sure what could be forcing it to appear down there?

It appears just beneath the viewport no matter what the size of the viewport, which could be helpful in trying to figure out what is happening?


Here is my site Read-Only:
(how to share your site Read-Only link)

Hey Tom,

I’m experiencing the same issue and whatever I do I cannot make the dropdown navmenu to appear right underneath the Navbar in all Mobile Viewports. In Preview Mode it looks okay, in live mode it’s the same problem you described. I saw that you’ve seemed to find a solution. How did you solve this problem?


Hi Max, so sorry, I’ve just seen this. I assume I am too late to help?

From memory, I think had to change the positioning of the navbar from static to relative.