Problem with mobile version when “Elementor Optimized Markup” active
-
Hello,
Last time I had a problem on a desktop version of our shop homepage (content overflow – screen #1)
We’ve fixed it by activating Elementor’s “Optimized Markup”.
Now, I’ve discovered that the exact same setting messes up the mobile version of the same site – so it has counter effect.
When it’s active, the mobile version of our homepage is broken and the desktop is ok. When I switch it off, it’s the opposite. (screen #2 vs #3)
Do you have any idea how to fix it?
If you need web address and/or admin login credentials, I’ve attached them in the private content.
Thank you
Attachments:
You must be
logged in to view attached files.
Hello,
You are using only Elementor widgets, including the Elementor form, and our theme’s styles are not applied there at all. We also didn’t change anything related to this in the update.
The issue happens because you set 30px side margins for the form on mobile, and when the wrapper was removed due to “Elementor Optimized Markup”, those margins started behaving differently.
If you remove the 30px side margins, everything will look correct.
Video: https://monosnap.ai/file/n8SoubWOxWdi0SYBlQHilARptKvl35
Kind Regards
Hello,
Thank you – this worked out well.
Please close this topic.
Cheers
The topic ‘Problem with mobile version when “Elementor Optimized Markup” active’ is closed to new replies.
.
