Menu Appearing On Mobile View In Desktop Browsers But Not On Actual Mobiles

I'm working on a site using wordpress. I'm making a custom menu. When you activate mobile view in inspect element it works fine, but from an actual phone the menu seems to be trans

Solution 1:

I debugged this for you on iphone X, using Safari and it looks like nav.mobile_menu has an overflow: hidden on it. Because this technically doesn't have any height because the ul is position fixed its not showing you anything. Remove that overflow: hidden and your nav pops right up.