Mobile Menu Showing Desktop version AND hiding all page content
-
Hello,
I have a similar issue as this person:
I am using the Skelementor theme with Elementor Pro, and have added a Mega Menu which works great on desktop, as an elementor widget.
On Mobile, it shows the full sized desktop menu on mobile, no matter what I do to the mobile menu settings.
Looks like this:
I’m not able to provide a direct link to the site as it is a private staging environment.
It looks as though the mega menu also completely kills all other page content on all the pages – basically only showing the header and menu on every page.
Any thought to how to fix? Thank you!
-
Thank you. Unfortunately, as you can see by going to the link, that didn’t fix it. Here’s a screenshot of my mobile menu settings.
It’s set in an Elementor full width no gap section. On mobile, the column that the Max Mega Menu elementor widget is set in has a 15% width, which would work fine if it showed the toggle menu, which it doesn’t/won’t do.
Edited to add more info:
This menu is a Max Mega Menu Elementor widget in a custom Elementor header. Its column is set to be 15% of the screenwidth on mobile. This would work absolutely fine if the mega menu turned into the toggle hamburger menu at the correct breakpoint. The problem seems to be that it refuses to do so and tries to cram the desktop menu into 15% of a mobile screenwidth. Hope that makes sense.
- The topic ‘Mobile Menu Showing Desktop version AND hiding all page content’ is closed to new replies.
