Show Side By Side In Category 2 Products

General General Questions
1

Can we Show side by side in category 2 products in phone screen in responsive theme??

cs-cart 4.xx version

2

For only mobile. No one knows that??

3
/design/themes/responsive/css/styles.less
This
@media screen and (max-width: 480px) {
.ty-columns(@columns);
.ty-columns (@index) when (@index > 0) {
.ty-columns(@index - 1);
.ty-column@{index} {
width: 50%;
}
with this
@media screen and (max-width: 480px) {
.ty-columns(@columns);
.ty-columns (@index) when (@index > 0) {
.ty-columns(@index - 1);
.ty-column@{index} {
width: 100%;
}
Change
.ty-grid-list__price {
display: inline-block;
text-align: center;
vertical-align: top;
margin-top: 10px;
float: right;
max-width: 49%;
overflow: hidden;
word-break: break-all;
}
.ty-grid-list__no-price {
text-align: left;
width: auto;
}
.ty-grid-list__item-name {
margin-top: 10px;
margin-bottom: 5px;
display: inline-block;
max-width: 50%;
padding-right: 1%;
}
With this
.product-controls-list .cm-dialog-opener, .ty-simple-list__buttons .cm-dialog-opener, .grid-list .ty-grid-list__control .ty-quick-view-button,.grid-list .ty-grid-list__item-name, .grid-list .ty-grid-list__price, .slider-nav-outer .video-link {
text-align: center;
}
.ty-grid-list__price {
text-align: right;
vertical-align: top;
margin-top: 10px;
overflow: hidden;
word-break: break-all;
}
.ty-grid-list__no-price {
text-align: left;
width: auto;
}
.ty-grid-list__item-name {
margin-top: 10px;
margin-bottom: 5px;
display: inline-block;
}