Hello,
To achived what you need there will be several css command to add in your frontend css file.
First have a look on
this tutorial
, then you have to get the required @media (media queries) to add your custom code.
For start and as example this kind of code may do the trick :
@media only screen and (max-width: 600px), (max-device-width: 600px) and (min-device-width: 600px) {
.hikashop_column_product_container {
width: 49%;
display: inline-block;
vertical-align: top;
}
}
Where
@media define on which
device width the css command must be applied, and note that above it's
pseudo code, you have to get the required html class by using the inspector tool to get your required html class.
Hope this will help you to achieved what you need.
Regards