Main page – Product category put in 2 columns on Mobile

[aurellle]

Hi,

I would like to show the product category in 2 columns in Mobile phone screen in the Home main page. By default the theme is responsable so the product categories are shown too big. Please see screenshot attached

 

I tried the following CSS code :

@media only screen and (max-width: 768px){
div.jas-sc-wc-categories {
width: 48%;
float: left;
}
}

However, I got 2 columns but something wrong because the size is good but the product category is still in one column. Please see screenshot attached

 

Please can you let me know what I need to do to fix this ?

 

Thanks

Attachments:

You must be logged in to view attached files.

[Author]

Posts