Hello,
I am experiencing an issue with my website http://www.aliko.it. The issue is that when accessing the site from a mobile device, the website seems to load a different page as the homepage rather than displaying the same homepage with responsive adjustments. The desktop version shows the correct layout, while the mobile version appears to load another layout.
The website is built with the Enfold theme, and I am using the Advanced Layout Builder. I would like the layout to remain consistent across devices, with only the standard responsive adjustments. Could you please help me understand what might be causing this issue and how to fix it?
If needed, I can provide screenshots or access to the backend.
Thank you in advance for your support.
Best regards,
Ivan Cazzol
Hey ivancazzol,
Please note that the Grid element gets it’s height from the elements inside of it, so on mobile, when the top grid row is stacked the right side cell that only has a background image, that shows below the first cell, will have no height. In our demo it has has another image element in it the “Parallax” text

To correct yours, add a Whitespace (hr) element with a min-height that you want it to be, perhaps 200px or so.
Best regards,
Mike
