saznajmo

Hi,

I literally sent you a link with pictures where you can see that only Elementor is active, did you take a look because I’m trying and sending you what you’re looking for? There are no experiments, everything is turned off.
Please, is it a problem to find a solution and report such an OBVIOUS problem to the developers?

[ Please do not bump. ]

Hi,

I don’t think so. I checked this link and it’s still not working. This page doesn’t have a caching plugin or any caching configured.
I tried on two hosting providers and on localhost, same problem every time.
Astra theme support also Tried and same problem.
The problem is in the Basic Gallery widget.

Hi,

I’m sharing the link again, please check it out because it expires in two days.
It has pictures of my settings where it’s clear that there’s a problem.
Just the fact that it’s not modifiable on mobile devices says there must be a problem.

https://quickshare.samsungcloud.com/9bvcRr9g6K6Z

Hi,

here is the link – https://quickshare.samsungcloud.com/dY2w647E8gyn

I don’t know what settings you have set, but I have literally tried and created test pages on several sites and it is always the same problem.
I reported the problem to theme support and when they switched the theme to Hello Elementor and saw that there was a problem on it too, they said to report the problem to you.
This problem can be solved if I set overflow: hidden in the container settings, maybe that option is turned on for you, but without it the screen can always scroll right and left.

so I just need to disable Litespeed cache plugin or minify option and there wont be a problem?

Issue arises when LiteSpeed ​​minifies an Elementor CSS file before it is fully generated, which can create layout inconsistencies.
How to avoid Litespeed option doing this problem?

• This reply was modified 6 months, 2 weeks ago by saznajmo.

Hi @qtwrk,

I can check next time, but I don’t want to put myself in a situation where my client sees the page crash again.

I will put together a short summary and look forward for your help.

I reported the issue to Litespeed and Elementor support.

Elementor support: Based on your description, the problem is most likely caused by caching, especially with the LiteSpeed Cache plugin. Elementor’s container-based layouts rely on updated CSS, so when the cache becomes outdated, it can cause elements to shift or display incorrectly. Clearing the cache fixes it temporarily, but the issue may return once the cache rebuilds. This happens because LiteSpeed may serve old CSS files after changes are made in Elementor.

Litespeed support: please go to elementor setting -> performance , set CSS Print Method to internal embeding , set elementor cache to disbale.
You have some CSS files generated by elementor located in wp-contents/uploads/.
Me: – I can confirm that I have nothing in wp-contents/uploads/, even though the External option is enabled in Elementor. All CSS is in litespeed/css/ (apparently due to the CSS minify option in Litespeed). I’m trying to ask you for the hundredth time if because of that (all css in litespeed folders) there can’t be a problem in the External option? If the all External Elemenor CSS is in Litespeed folders?

Elementor support:
LiteSpeed’s suggestion regarding Elementor’s “External CSS” method is partially correct. External CSS can cause issues when a cache plugin cannot locate or serve the generated files. However, this typically does not occur randomly. If the external CSS method were the root cause, you would usually experience issues across multiple Elementor pages, not just a single one.
I can confirm that Regenerating CSS & Data manually is something that usually does not have to be done (rare situations). Besides that, no conflicts have been reported between the two plugins (using Containers), and they are a common combo. In some case, LiteSpeed may need to be adjusted in the settings.
ME: – according to them this doesn’t happen randomly. You see my settings and that I only have CSS minify enabled, which means I can’t use the minify option if I want External CSS? I’m wondering what settings should be set in the Litespeed plugin according to Elementor support? Maybe you know this and need to know?
FYI, everywhere users write that CSS minify + External CSS works fine, so does mine on another page, but this one crashes.
I ask the question again, what is the reason why CSS crashes occasionally, if perhaps External CSS is not the cause?

Litespeed support:

yes , it happens when external ON + LSCWP (with CSS options enabled , css minify , combine …etc ). I think it would happens to any kind of cache plugin that manipulates CSS
ME: – I really think people are using external css on their sites plus caching plugins. I’m using it in other pages. Especially since, as Elementor says, CSS cannot be changed without some modification or update.

So PLEASE, what should I do, we have concluded that outdated CSS is being served by LSC. And we have also concluded that the same settings work on other pages, is it possible that there is only a problem with the same settings on one page? And I use “ideal” settings, nothing excessive.

• This reply was modified 6 months, 3 weeks ago by saznajmo.

Hi,

thanks for reply,

and Ok, that’s clear to me, but I still don’t understand what’s causing my problem.

To simplify the final ambiguities:
Is it normal that when the CSS minify option is enabled in the LSC settings, that all CSS is located in the litespeed/css/xy folders, and that there are no elementor/css/xy folders? I thought that CSS minify removes only whitespaces and comments? Does this mean that it puts them in their own folders and that external CSS cannot be the cause of the page crash?

Please, let’s get back to the main problem (crashing the homepage). In Litespeed, I have only CSS minify enabled and CSS combine is OF. And in Elementor, I have External CSS enabled. It’s possible that’s the problem. But all other support says otherwise, with the possibility that it’s also the cause of the problem.
I’m curious how you think that’s a possible problem if the design isn’t changed or an update is done, is it possible to change the CSS in external folders at once without changes?

Some support is more inclined to believe that the cause of the problem could be if LSC is also running external CSS at the same time as Elementor (both in the same time)… and that it’s ideal to have minify turned on, without combine. That’s how it is for me, but I’m having problems.
According to them, LSC shouldn’t cause a problem if external css is enabled in Elementor. So I’m wondering if it’s actually the external css that’s causing the problem, or something else?