Product grids: reduce text padding on mobile
-
Dear support team,
On product grids (archives, cross-sell recommendations), I would like to reduce the top and left margin (or padding?) of products title, like on the picture attached.
Could you please help me do this?
Many thanks
Attachments:
You must be
logged in to view attached files.
Hello,
With the help of the below code you can reduce the distance for the product’s text on the image.
.product-grid-item.wd-hover-info .top-information {
top: 15px;
left: 15px;
}
If you’d like to contact us, we are here for whatever questions you may have.
Kind Regards
Hello Luke,
Thank you for your quick reply.
Sorry I realised I forgot to precise that I would like to change it only for mobile. I guess a little tweak to the code would be needed for that ?
Thank you
Hello,
In this case, just enter the above code to the “Custom CSS for mobile” area that is in Theme Settings -> Custom CSS. So it will be activated only for mobile devices.
https://gyazo.com/997e1975e0dc79a0d8d37b9ee593a5c5
Kind Regards
It works great, thank a lot !
Hello,
I’m glad we managed to sort this out.
If there’s anything you need, please write me or another member of our help desk team.
We’re here for you!
Kind Regards
The topic ‘Product grids: reduce text padding on mobile’ is closed to new replies.
.
