Return to previous page

Product image size mobile version and product Title length

This topic has 2 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Jack Richardson

Silman

Participant

May 24, 2016 at 20:03

hi i have put this code inside custom.css for desktop view:

img.hide-image {
height: 330px;
}

i am pretty happy with size on desktop view but not on mobile view. and also i want to trunc Product Title on mobile view.

could you provide me code please.

my website: http://www.fashionwholesalestar.com

#127053 Copied

1 Answer
Jack Richardson

Support staff

May 25, 2016 at 08:11
Hello,

Edit this code
```
img.hide-image {
height: 330px;
}
```
to this:
```
@media (min-width: 1200px) {img.hide-image {
height: 330px;
}}
```
To truncate product title on mobile add this code in custom.css file:
```
@media (max-width: 480px) {.slide-item .product .product-name, .products-grid .product .product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}}
```
Best regards,
Jack Richardson.
#127084 Copied
Tagged: mobile version, product image size, product title length, seo friendly, templates, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)