Menu Cart Hover Problem
-
After activating the OceanWP theme when I hover on the cart icon in the main menu looks like it’s broken.
The product photo is stretched, the product name, price and quantity information are shown on the photo, not next to the product photo.
Please check the link below for your reference:
https://ibb.co/nnD3p5h
I hope you can give some suggestions to fix it.
Thanks in advance
-
Hello @cavalier1096,
Kindly share a live URL from your issue, and we’ll check it online.
Best Regards
Hello @cavalier1096,
There is a conflict in styles with this plugin. Please check the screenshot here: https://i.postimg.cc/7PMBPVfC/image.png. Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
.woocommerce ul.product_list_widget li img { float: unset !important; display: block !important; min-width: 80px !important; height: 80px !important; margin-left: unset !important; position: relative !important; } .woocommerce ul.product_list_widget .wpr-mini-cart-image { display: inline-block; float: left; }Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.
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 that helps.
Best RegardsHello Shahin,
It’s fixed!
Thank you very much for your quick help!
I wish you a great day!
Hi Again,
You’re very welcome.
Glad I could help.Have a wonderful day,
Best Regards
The topic ‘Menu Cart Hover Problem’ is closed to new replies.
