We’re experiencing several mobile responsiveness issues on our homepage, specifically on iPhone devices. These problems affect the layout and user experience:
– On iPhone 13, there’s an excessive space between the header and the main content. I’ve attempted to adjust this in Elementor but couldn’t find a solution without breaking the layout.
– On iPhone 16 Pro, we’re seeing an issue where a text effect is causing the CTA button to elongate. This might be due to both elements being in the same container.
– In Elementor’s mobile preview, the slider appears broken and unresponsive, not accurately representing how it looks on actual devices.
These issues are impacting the mobile user experience and the overall aesthetics of our homepage. I’ve attached screenshots demonstrating these problems on different devices and in Elementor. We need assistance in identifying the cause of these responsiveness issues and guidance on how to resolve them while maintaining a consistent look across all mobile devices.