If you’re encountering difficulties with Modula and Elementor while attempting to open the lightbox on mobile devices, a potential styling conflict may be the culprit.
This guide provides a quick solution to address and resolve this issue, ensuring smooth functionality between Modula and Elementor.
Resolving Lightbox Issues
If the lightbox fails to open on mobile devices when using Modula and Elementor together, it may be due to a styling code conflict. To rectify this, follow these steps:
-
Access Additional CSS
Navigate to your WordPress dashboard > Appearance > Customize > Choose “Additional CSS.”
-
Add Custom Code
Insert the following code into the Additional CSS field and save your changes:
@media screen and (max-width: 1200px) { .has_ae_slider.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-2dd0c5c.ae-bg-gallery-type-default { z-index: 0 !important; } }
By applying this simple CSS adjustment, you can mitigate styling conflicts and ensure a seamless experience when using Modula and Elementor together.
If the provided code doesn’t resolve the issue and the problem persists, please reach out to our support team by filling out Modula’s contact form here. Our dedicated support team will promptly assist you.