Avada › Forums › Community Forum › 2 Column Product View on Mobile Device
Is there a way to display 2 columns of products/categories on mobile devices?
you can try it by add class (probably it will be <div class>)
class=”col-xs-6″
I am sorry, but could you clarify where to add this div class?
Where did you add this css code?
I tried it now. It works when you add it in the additional css are on the “customizer”. Thanks Fonex2019
Do you have an advice for automatic hyphenation? It doesnt look very well without it. Thanks again
It works. Thanks Fonex2019
it works but not well. With this media query the two columns do not fit perfectly.
On some devices, larger, in fact there will be white space or even a single column will be seen (in a small device).
Can we have a better solution with two columns and some fluid layout?
thank you!
I had a similar issue. I used a percentage instead of a fixed size in px and it worked well for me. I am no expert but it might be worth giving it a shot.
@media only screen and (max-width: 640px){
.fusion-body .products li {
width: 50%!important;
}
}
#main{
padding-left:15px;
padding-right:15px;
}
