This topic has 3 replies, 3 voices, and was last updated 1 months ago ago by Andrew Mitchell
Hello,
I hope you’re doing well.
I’m having an issue with the visibility of buttons (such as “Add to Cart” and “Wishlist”) that appear when hovering over product images. They work well on desktop and display correctly when I hover over them, but I want them to always be visible on mobile devices without the need to hover.
I’ve tried adjusting the settings to make them visible on mobile, but I haven’t been able to achieve the desired result. Could you please assist me in making these buttons always visible on mobile devices?
Thank you very much for your help!
Best regards,
Hello, @sherif,
Thank you for contacting us and for using XStore.
The add to cart & wishlist buttons are hidden from mobile by default. To show them on mobile device, add this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
body[data-elementor-device-mode=mobile] .etheme-product-hover-mask3:not(:hover) footer {
opacity: 1;
visibility: visible;
right: 20px;
}
We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.
Best Regards,
8Theme’s Team
Dear sherif,
Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?
Click here to share your insights: https://themeforest.net/downloads
Your support fuels our journey, and we appreciate it more than words can express.
Best Regards,
The 8Theme Team
The issue related to '‘Subject: Assistance Needed with Button Visibility on Product Images for Mobile’' has been successfully resolved, and the topic is now closed for further responses