CSS-optimization breaks the Elementor menu-icon in mobile

woodarden
(@woodarden)

5 years, 1 month ago

Good day!
My site is made on Elementor.
For CSS-optimizations I use WP-Faster Cache
After the latest update of the WP FS (up to version 0.9.1.7) and Elementor (up to version 3.2.1), it turned out that the css-optimization does not work correctly with the menu icon in the mobile version of the site (insted of “burger” icon (elementor-icon for mobile menu) we see only incorrect circle).
Could you check it out? Thanks in advance!

Viewing 15 replies - 1 through 15 (of 16 total)

1 2 →

Plugin Author Emre Vona
(@emrevona)

5 years, 1 month ago

can you disable the “combine css” option and clear all cache with minified sources please?

Thread Starter woodarden
(@woodarden)

5 years, 1 month ago

Unfortunately it didn’t work
I left only the “Minify Css” option enabled
But the styles break anyway (in another optimization plugin they don’t break. But I would like to use the WP FC – I like it)

This is how the site is displayed with the “Minify Css” option enabled – https://ibb.co/MPKfbWd

And this is how the site should be displayed – https://ibb.co/rwwSmLd

Thank you!

Thread Starter woodarden
(@woodarden)

5 years, 1 month ago

As you can see from the pictures above, there is one more error. Elementor gradient button styles are not displayed correctly (gradient button is a new feature that the developers added in the last update)
Plugin Author Emre Vona
(@emrevona)

5 years, 1 month ago
do you mean that the “minify css” option causes the probelem? can you tell me the site url please?
- This reply was modified 5 years, 1 month ago by Emre Vona.
Thread Starter woodarden
(@woodarden)

5 years, 1 month ago

The gradient button is okay (I was wrong).
But the menu button is not displayed correctly.

https://ardenna.by/

Check mobile version, please.

Plugin Author Emre Vona
(@emrevona)

5 years, 1 month ago

There are lots of syntax error on your site. please analyze your site via https://www.wpfastestcache.com/css-validator/

Thread Starter woodarden
(@woodarden)

5 years, 1 month ago

No external styles are included. All styles are standard from Elementor.
The errors shown by the css-validator, I think, were on the site before.
But before the latest update everything worked (the menu icon was displayed as it should be)

Plugin Author Emre Vona
(@emrevona)

5 years, 1 month ago

is the problem solved when you disable wp fastest cache?
Thread Starter woodarden
(@woodarden)

5 years, 1 month ago
Yes.
And with the other optimization plugin there is no problem with css-optimization.
But WP FC was my favourite for 2 years)
- This reply was modified 5 years, 1 month ago by woodarden.
Plugin Author Emre Vona
(@emrevona)

5 years, 1 month ago

now please disable all the checkboxes except the “Cache System” option and clear all cache with minified sources.

Thread Starter woodarden
(@woodarden)

5 years, 1 month ago

Yes, with only one “Cache System” option enabled, everything works well
I just need to turn off CSS-optimization option and everything works well

Plugin Author Emre Vona
(@emrevona)

5 years, 1 month ago

ok. now please enable only the “Cache System” and “Combine Css” options and clear all cache with minified sources.

Thread Starter woodarden
(@woodarden)

5 years, 1 month ago

Done
Menu icon is not displayed correctly

Plugin Author Emre Vona
(@emrevona)

5 years, 1 month ago

now disable the “combine css” and enable all the checkboxes and clear all cache with the minified sources please.

Thread Starter woodarden
(@woodarden)

5 years, 1 month ago

Look please
With such settings as you can see on the links below, there are no problems with displaying the logo menu
But I had to use an additional plugin for CSS-optimization

WP FC settings – https://ibb.co/9Tqckt8
Additional plugin settings- https://ibb.co/s3jwg5g