Shopify themes, liquid, logos, and UX
Please help me I've been struggling so much! I need to disable the hover animation that reveals the add to cart button and just make them always visible like this...
Thank you!
etc;
May this help you. Click here.
Please don't hesitate to reach out.
Yours faithfully!
@Jaspers try by adding below code in theme.css file
.productitem--actions {
visibility: visible !important;
opacity: 1;
}
if this didn't worked then there will be a js code we need to change
didnt work , not that easy keep in mind theres still a hover animation in the css
share your theme.css file
attached 👇
.has-touch .productitem--actions {
position: relative;
bottom: auto;
width: 100%;
visibility: visible !important;
opacity: 1;
margin-left: 0;
}
Add this code in the theme.css file.
Thats already implemented in the CSS. There is some hover animation commands / if -than codes that need to be changed
Ahh that didn't work thanks for your trying!
https://1h0ad17vciwqe3kn-56735367320.shopifypreview.com Here is a link to the website.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024