Return to previous page

Hey how can i make products smaller at mobile version so people will able to see more products

This topic has 2 replies, 2 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

Tal

Participant

September 11, 2023 at 18:47

hey.
https://prnt.sc/4_shnR6_1cN5
how to make products smaller in mobile version so more products will fit in page.
smaller about 30-40 %
something like this :
https://prnt.sc/zIERc3jpiQ7d

thank you!

#367252 Copied Theme version: 9.1.4 WooCommerce version: 7.7.0

1 Answer
Rose Tyler

Support staff

September 12, 2023 at 08:10
Hello, Tal,

Thank you for contacting us and for using XStore.

Please try to add the next code in Theme Options > Theme Custom CSS > Mobile:
```
.content-product .product-content-image {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;

}
.content-product .product-image-wrapper {
    margin-bottom: 0px;
}
.content-product .product-title a {
    display: inline-block;
    width: 90px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
```
Kind Regards,
8theme team
#367272 Copied
Tagged: boost woocommerce mobile view, enhance mobile product visibility, improve mobile woocommerce display, optimized woocommerce mobile themes, woocommerce mobile optimization, woocommerce mobile product adjustment, wordpress woocommerce mobile solutions
Viewing 2 results - 1 through 2 (of 2 total)