1. Home
  2. Knowledge Base
  3. Integrations
  4. Lightbox Issues in Mobile View: Elementor + Modula Compatibility

Lightbox Issues in Mobile View: Elementor + Modula Compatibility

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:

  1. Access Additional CSS:
    • Navigate to your WordPress dashboard.
    • Click on “Appearance” and select “Customize.”
    • Choose “Additional CSS.”
  2. 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.

Was this article helpful?

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *