align products on mobile | ww.wp.xz.cn

Resolved Paulo Espíndola
(@paulojardel)

6 years, 7 months ago
Dear colleagues,

I used this code below to align product titles
and on the desktop was good.
but on mobile it’s still crooked.

Can I get this help more?

[ redundant link removed ]
```
/*   coloca os produtos na mesma altura na home   */
.product_item a.product_item_link {
    min-height: 90px;
}
```
- This topic was modified 6 years, 7 months ago by Steven Stern (sterndata).
- This topic was modified 6 years, 7 months ago by Jan Dembowski.
The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

hannah
(@hannahritner)

6 years, 7 months ago

Hi Jardel,
Sorry for the delay! From what I can tell your product titles are aligning on mobile. Could you send a screenshot of this?

Hannah

Thread Starter Paulo Espíndola
(@paulojardel)

6 years, 7 months ago

screnshot my site no align
hannah
(@hannahritner)

6 years, 7 months ago
Try adding this to your custom css box in Theme Options > Advanced Settings:
```
@media (max-width: 768px) {
.product_item .product_details h5 {
    min-height: 120px;
}
}
```
Hope that helps!

Hannah
Thread Starter Paulo Espíndola
(@paulojardel)

6 years, 7 months ago

Thanks hannah, it’s good
I just increased the height
min-height: 140px;

and narrow down 3 products that had a lot of words

thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘align products on mobile’ is closed to new replies.

4 replies
2 participants
Last reply from: Paulo Espíndola
Last activity: 6 years, 7 months ago
Status: resolved