Conflict with Elementor: in pages when you choose to display 5 + category columns it still displays 3 or 4 (also on mobile)

Hi There,
There is X conflict with Elementor: in Pages when you choose to display 5 + Category columns it still displays 3 or 4 (also on mobile)
This issue was checked by Elementor support and this is their response:
I checked your site, and I’m afraid that when I switched the Theme to a default one (Hello Theme), I was able to edit and display the right amount of columns ( I tried 3, 4, 5, 6)
It seems to be an issue with your Theme. I’m afraid you will have to contact the support of X Theme to fix this issue as we don’t have any control over its product.
If they need to coordinate with our developers to make this plugin work with Elementor, please also refer them to our Github page.
To post on our Github Repository, they can follow this guide: https://github.com/pojome/elementor/blob/master/.github/CONTRIBUTING.md

We are about to launch and need this to be fixed ASAP

Hello @DC-Team,

Thanks for posting in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Best Regards.

@RueNel Please see the secure note attached

Hello @DC-Team,

I have checked your site and it seems that X theme is not active. Could you please activate X theme again so that we can check and be able to figure out why 5 and 6 columns does not work?

Thank you in advance.

It’s active - please check again…

Hi @DC-Team,

I can’t seems to reproduce this, the Elementor layouts has nothing to do with X theme since they use different structures and classes. Would you mind providing a video recording so we could visually determine what’s going on?

Thanks!

How can I add a MP4 file as a secure note?

Hello @DC-Team,

You can upload the mp4 in a video sharing site like youtube and send the link to us because the secure note or the forum response will not allow you to upload a video file.

Meanwhile, I have checked your site and I can replicate your issue. This isn’t a conflict. It is just we have unloaded the WooCommerce styling and let the feature image size of the product as the grid item size. To resolve your issue and make sure that the columns display in the Elementor correctly, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)


.woocommerce.columns-2 li.product {
    width: 48%
}

.woocommerce.columns-3 li.product {
    width: 30.666%
}

.woocommerce.columns-4 li.product {
    width: 22%
}

.woocommerce.columns-5 li.product {
    width: 16.8%
}

.woocommerce.columns-6 li.product {
    width: 13.333%
}

We would love to know if this has worked for you. Thank you.

Thanks @RueNel
We were hoping for a builtin solution for X to accept Elementor’s settings and not a CSS patch…

Hello @DC-Team,

At the moment, we do not support Elementor plugin. Your feedback has been noted and we’ve added this as a feature request so it can be taken into consideration for future development.

Thank you.

This is a very disappointing response as back in January 24 X had issues with Gutenberg (to which a CSS patch was offered as well) and before we installed/ started to work with Elementor as a solution we checked with your colleagues and were told that it works fine with X as long as we don’t deactivate Cornerstone while using Elementor as Cornerstone is a essential plugin to run X Theme smoothly…

Hello @DC-Team,

Please understand that Elementor is a 3rd party plugin that is not built specifically for X. Any of the features or functionalities of Elementor that does not work with X will be added as a feature request for the enhancement and flexibility of the theme. Our developers has been made aware of this and has yet to implement those support for your builder choice which is the Elementor.

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.