Component is shown in a different order in the editor than when viewed

[Leapforce]

We created a component, however the component is showing in a different order in the editor than when published.

In the editor 21 – 30 - 80 %

But when we go view the page the order is showing the other way around.

What could be the issue here? There is no additional css used.

[christian]

Hey @Leapforce,

Please provide the URL of the page so we can check. Also, check if you’re using caching, please clear all caches and deactivate caching.

Thanks.

[Leapforce]

You can find the page here. Caching has been emptied multiple times and there is no active caching plugin.

[raye]

Hey Leapforce,

It looks like, there is reverse column order activated in the row for certain breakpoints.
If you deactivate it in dev console, the order seems correct. See screenshots.

Questions is, why this is not displayed correct in Cornerstone

Maybe try activate/deactivate that setting in your row and check each breakpoint for that setting.

Best
René

[Leapforce]

hello,

we checked and we do not have those settings.

[raye]

Oh you are using a Classic Row. Maybe try a “normal” Row, not a Classic one?
AFAIK the Classic Elements are only for backwards compatibility.

[ruenel]

Hey @Leapforce,

Yes, you are using the Classic Row element. As mentioned by @raye, use the new Row element instead.

Best Regards.