I’m currently building my portfolio website using the Neuron theme with Elementor, and I’ve encountered two persistent issues that appear to be theme-related. I’ve implemented temporary workarounds, but I’d like to bring these to your attention in hopes of a proper solution:
1. Mobile Menu: No Background / Overlay
When the mobile menu is triggered on actual iOS devices (e.g. iPhone 11), the dropdown menu is overlaid directly on the page content, making the navigation items difficult to read.
In the browser (Chrome DevTools mobile emulation), a white background appears correctly behind the dropdown. However, on real iPhones using Safari or Chrome, the background does not appear, even though the <body> is assigned dialog-lightbox-container.
I attempted to fix this with various CSS overrides (.elementor-nav-menu--dropdown, body.dialog-lightbox-container, ::before overlay, and @supports (-webkit-touch-callout)), but none applied reliably due to how the menu is rendered — possibly inside a lightbox or injected container that doesn't behave consistently across platforms.
I’m unable to use JavaScript due to not having Elementor Pro, so my styling options are limited.
Request:
Can you confirm whether the mobile menu is rendered as a lightbox or dynamic overlay? And is there an officially supported method for applying a reliable background behind the dropdown on iOS?
2. Gallery Widget: Broken Layout on Mobile
The built-in Elementor gallery (added via the widget inside Elementor + Neuron) renders perfectly on desktop. However, on iPhone (real device), the gallery:
Loads all images in a single horizontal row
Introduces horizontal scrolling and layout breakage
Does not respect column or grid settings
This results in an unprofessional mobile appearance with content overflowing the viewport.
Workaround I Applied:
I added the following custom CSS inside Site Settings > Custom CSS to fix the mobile behavior:
Hello Neuron Support,
I’m currently building my portfolio website using the Neuron theme with Elementor, and I’ve encountered two persistent issues that appear to be theme-related. I’ve implemented temporary workarounds, but I’d like to bring these to your attention in hopes of a proper solution:
1. Mobile Menu: No Background / OverlayWhen the mobile menu is triggered on actual iOS devices (e.g. iPhone 11), the dropdown menu is overlaid directly on the page content, making the navigation items difficult to read.
In the browser (Chrome DevTools mobile emulation), a white background appears correctly behind the dropdown. However, on real iPhones using Safari or Chrome, the background does not appear, even though the <body> is assigned dialog-lightbox-container.
I attempted to fix this with various CSS overrides (.elementor-nav-menu--dropdown, body.dialog-lightbox-container, ::before overlay, and @supports (-webkit-touch-callout)), but none applied reliably due to how the menu is rendered — possibly inside a lightbox or injected container that doesn't behave consistently across platforms.
I’m unable to use JavaScript due to not having Elementor Pro, so my styling options are limited.
Request:
2. Gallery Widget: Broken Layout on MobileCan you confirm whether the mobile menu is rendered as a lightbox or dynamic overlay? And is there an officially supported method for applying a reliable background behind the dropdown on iOS?
The built-in Elementor gallery (added via the widget inside Elementor + Neuron) renders perfectly on desktop. However, on iPhone (real device), the gallery:
Loads all images in a single horizontal row
Introduces horizontal scrolling and layout breakage
Does not respect column or grid settings
This results in an unprofessional mobile appearance with content overflowing the viewport.
Workaround I Applied: I added the following custom CSS inside Site Settings > Custom CSS to fix the mobile behavior:
css CopierModifier @media (max-width: 768px) { .elementor-gallery { display: flex; flex-wrap: wrap; overflow-x: hidden; } }This resolves the issue, but it seems like a default gallery layout should be mobile-friendly out of the box.
I'd appreciate your help resolving the mobile menu rendering in particular, and would also welcome any update or advice on the gallery behavior.
Please let me know if you need my purchase code (attached) or access to the live site.
Thank you,
Royce S. Florian
Attached files: Luxury Product display – RSF Design.png
Hi,
Can you please provide me with your wp-admin, I will have a quick look to see what's going on.
Feel free to ask for anything you need.
Kind Regards