Issues with containers

have the problem that on mobile, within the Elementor editor, everything looks fine. However, when viewed on a mobile phone, the spaces between columns do not work, causing them to appear very close together.

I have already tried:

Creating a new container and placing the elements inside it.
Adding spaces using “Container” and “Gaps.”
Using the “Space” element to create spacing.
Adjusting the “Padding” settings to add space.
Additionally, the titles within this carousel do not display in the correct color. In some cases, they appear in a different color that is not configured.

Attached is an image.

Attachments:

You must be logged in to view attached files.

The issue occurs with several elements, such as titles, but only on mobile.

In fact, it’s an issue that happens with several columns or containers. In the editor, it displays differently.

As you can see, the layout is not the same as what appears in the editor. Additionally, the background does not display on mobile.

Attachments:

You must be logged in to view attached files.

Hello,

Please disable any plugins not directly related to our theme and provide us with your admin access details. We will log in to your dashboard and investigate the issue. Please ensure that you only keep the following plugins that are necessary for our theme to work correctly:
– WoodMart core
– WooCommerce
– Elementor

Thank you in advance.

I have already deactivated the site plugins.

Let me share the access with you.

We have checked your site and compared the appearance of the sections you provided in the screenshots. During our test, both sections appear identical in the Elementor editor and on the frontend of the site.

Section 1 editor – https://monosnap.com/file/sbSqJkTU2M9E2Rrv9NHwZ9SSw0x2Ja
Section 1 frontend – https://monosnap.com/file/QwXiyUkVUTrjb05YDbikePPwuLwiD7
Section 2 editor – https://monosnap.com/file/4BA4E8TEYk0ScW0Lednmm3Uh4sJFfM
Section 2 frontend – https://monosnap.com/file/xebgRFkeseCDvnBIyKd1sMlrrV895R

The Space element, Container, Gap, and Padding options are part of the Elementor plugin, and our theme does not affect their functionality. Since your site appeared normal during our test, and we could not reproduce the issue, we cannot provide a specific solution. However, based on its appearance on your previous screenshots, the issue might be related to the caching of Elementor’s styles.

If you encounter the issue again, try disabling all plugins and options related to “optimization” or caching. Also, if you are testing your site on a real mobile device, don’t forget to clear the cache on it after disabling the plugins or their options.

Kind Regards

Thank you, it works erasing the plug-ins.

Great, we are glad that you sorted it out. Feel free to contact us if you have any further questions.

[Author]

Posts