Return to previous page

Product categories view for mobile - by socialriver

This topic has 2 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Robert Hall

socialriver

Participant

April 20, 2016 at 16:56

Hello!
How can I change the number of columns how Product Categories look at mobile devise? And also font size on Product Categories labels for mobile version.

Thank you!

Please, contact administrator
for this information.

#122228 Copied

1 Answer
Robert Hall

Support staff

April 20, 2016 at 17:21
Hello,

1) To change them to one column at mobile device add this code in 8Theme Options->Styling->Custom CSS->Custom CSS for mobile.
```
.products-grid .product {
    width: 100%;
}
```
2) Please add the following code in 8Theme Options->Styling->Custom CSS->Custom CSS for mobile.
```
.product-category .categories-mask h4 {
    font-size: 15px;
}
.product-category .categories-mask span {
    font-size: 12px;
}
```
Regards,
Robert Hall
#122232 Copied
Tagged: e-commerce, mobile view, online store, product categories, shopping, woocommerce, wordpress templates
Viewing 2 results - 1 through 2 (of 2 total)