Menu Cart Problem

Hello @coh2o,

This issue is conflict with other plugins.

It seems 2 plugins affect it:
1. WPR plugin (I’m not sure this class is for which third-party plugin).
2. LiteSpeed cache plugin.

Please check this screenshot: https://postimg.cc/1gSy8Ld6.

You can compare the activated plugins on staging and the primary website to find which plugin affects it. Or deactivate all plugins and then go ahead and activate them individually and one by one. Then, with each activating, check the issue till encountering the issue.

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

I hope it helps.
Best Regards

hi @skalanter,

ok I will try to do what you suggested.
However, I can’t understand the name of the WPR plugin among the active ones, can you help me understand what it is?

thanks so much

Hello @coh2o,

I don’t know what plugin has that class, but I believe you can find what plugin(s) affect the mini cart on your site by deactivating plugins and activating them one by one. Since LiteSpeed is activated, I can’t figure out what plugin added it to the site.

Furthermore, it can be your customization on the child theme or maybe custom JS. If possible, temporarily disable your customization if you have any and recheck the issue.

Best Regards

Hello @skalanter,

thanks to your instructions I solved the problem, it was actually a plugin setting that caused the conflict.

In the meantime I noticed another malfunction of the site, when I click on a category in the main menu (for example earphones) a frame appears around it.
Can you tell me what it is and how I can solve it?

Thank you

Hello @coh2o,

That outline is not an issue. It’s an accessibility requirement (we’re required to use it). But you can disable it on your end with custom CSS. To remove the outline, please add the following CSS code in the Custom CSS area in the Customizer:

a:focus {
    outline: 0px !important;
    outline: none !important;
}

Please read this link about the CSS code on the Customizer:
https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website

For more information about Accessibility, please read this article: https://developer.mozilla.org/en-US/docs/Web/Accessibility.

Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.

Best Regards

Hello @skalanter

thank you for the information, I wasn’t aware of this accessibility issue.
For the moment I have resolved the site’s malfunctions.
You were very kind and if I have other problems can I always contact you here in the forum?

Have a nice day

Davide

Hello @coh2o,

You’re most welcome.
If you have any queries regarding our products, please do not hesitate to contact us.
We would be more than happy to assist you.

Best Regards

May I ask what setting did you change to fix this?