You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
NOTE: This post was created on 2023-07-18 on the Kryptronic eCommerce Community facebook page, which has been replaced with this forum. All facebook support content was migrated into this forum in April 2024.
Anthony:
Product listings in Mobile Mode: Is there a way to show 2 or 3 products per row rather than 1 product per row? I can't seem to work it out
Nick:
Use this CSS in your skin's CSS file:
#########################################
@media all and (min-width: 400px) and (max-width: 599px) {
.kprodlist:not(.kgridslide) {flex-direction: row !important;}
.kprodlist:not(.kgridslide) .kprodlistitem {margin-right: 4% !important; width: 48% !important; clear: none !important; float: left !important;}
.kprodlist:not(.kgridslide) .kprodlistitem:nth-child(2n+1) {clear: left !important;}
.kprodlist:not(.kgridslide) .kprodlistitem:nth-child(2n+2) {margin-right: 0 !important;}
}
Anthony:
Thanks for taking the time to do that...
Thats perfect...
Offline