[Mobile View] Display full product name in Product Grid

[Juan23]

Hi,

I have two issues at hand. If you can help me solve them, I’ll like the answer and mark it as solution within 1h of your response.

• How can I display the full product name in the Product Grid?

  • 

• How can I change the sizes of Price, Compared Price and Discount?

  • 

Ideally I don’t have to add new code but just find the right place in the current code.

Thank you very much for your help.
Website: unclesamsroad.com

Cheers!

Juan

[Dan-From-Ryviu]

Hi @Juan23

1. Must check in your product collection template file and remove something like this from your product.title code

truncate: 18

2. Open custom.css file, find this line of code to change font size of regular price

.card-information__wrapper .price span, .card-information__wrapper .price {

And this line to change font-size of sale price

span.price-item.price-item--sale {
    font-size: 11px !important;
}