Review Stars Misaligned on Mobile Devices

I installed Woodmart on my website and tested it to see if everything was working well. When opening the store page I saw that the review stars are completely misaligned on mobile. My suspicion is that it is a bug caused by the new version of the theme, as I have a website that is a copy of this one that has a lower version of the theme and it is working perfectly.
Also, the add to favorites button is a bit strange.
Could you help me solve it?

Attachments:

You must be logged in to view attached files.

Hello,

Please, disable all plugins that are not related to our theme and provide us with your admin access. We will log in and check what is wrong there. You can leave only the following plugins that are required for our theme:
WoodMart core
WooCommerce
Elementor/WPBakery page builder

Thank you in advance

Kind Regards

Hi,
I deactivated all the plugins and out of curiosity I went to test to see if the problem had been resolved, and it was. I activated plugin by plugin to identify which one was causing the problem and discovered that it was WProcket.

I changed some file optimization settings and the problem was resolved even with Wprocket active. The setting that was causing this problem was to remove unused Css.

I saw that there is a part of this configuration where I can put CSS file names, IDs or classes that should not be removed. Do you happen to know what files I can put here so that the problem can be resolved even with this configuration active?

Thank you in advance

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, but the “Remove unused CSS” option doesn’t work in most cases and not load necessary styles https://gyazo.com/59d2121eb6daf879839376b3646db615
Unfortunately, we don’t have a list of selectors to fix this since it is always individual for most of the websites.
You can either disable it or contact WP Rocket for help.

Kind Regards

[Author]

Posts