padding missing on the first item right column when using two columns

Chi-K

For the main page when using two columns to display product in mobile, the left side is missing padding so its out of align.

Using this code in custom css

/* For items to display in two columns in mobile */
@media (max-width: 480px) {
.vm-col.product {
    width: 49% !important;
    flex: none !important;
    }
}

Can see the left column is this

but right column is this

saguaros

Chi-K Hi

Not sure which part are you referring to, could you share the URL of that page?

Chi-K

Its the homepage ..URL stated at the "Fields". Scroll down to the VM products there. Actually you gave me the code to add to custom.css to split it to two columns. May I also know whats the same CSS but for the j2store version? Im trying out both versions to see which better for me.

Using this in VM version

/* For items to display in two columns in mobile */
@media (max-width: 480px) {
.vm-col.product {
    width: 49% !important;
    flex: none !important;
}
}

/* Adjust pricing size */
div[class*=-view] .product-price .vm-display.vm-price-value span {
    font-size: 1.2rem !important;
}

saguaros

You meant this section?

Chi-K

yes.. but in mobile

Chi-K

Also what should i modify for it to work as well in j2store version? The above custom css for VM version

saguaros

Chi-K Where can I see that section of J2Store? as it seems to be VM now.

Chi-K

Hi i have updated the link to the j2store version in Fields. Technically just change it to v1.xxxxx from v2.xxxxx.

Could I also have the custom.css code to have that part be in two columns too in j2store,

saguaros

I just updated J2Store module a bit in the file:

/templates/ja_mixstore/html/mod_j2products/Bootstrap3/default.php

Line 28:

<div class="col-xs-6 col-sm-6 col-md-<?php echo round((12 / $total_cols));?>">

and this custom CSS:

@media (max-width: 480px) {
#Section175 .j2store-products .j2store-module-product-row > div.col-xs-6 {
    min-height: 425px;
}
}

the products show in 2 cols on mobile now.

Chi-K

Thats awesome thanks.