Hi, I need to resize the row columns in mobile(image 2) so they look like the same way has in desktop (image 1)
Image 1 Desktop View
Image 2 Mobile View
Can´t find the way to maintain the horizontal aspect of this row in mobile view. Can you help me?
Thanks in advance
Hi,
That is how columns are set to display responsively, they will drop one below the other. On mobile they will likely not look properly in such a small space. If absolutely required there could be a way. First set a custom class for the row containing the elements
– https://www.screencast.com/t/6yw6ZJkQ
Then based on that custom class manipulate how the columns display on mobile, with a custom code like
– https://www.screencast.com/t/DdF0U56x
This is the code used in the example, it will work on rows split in 4 like you are using
.myclass .td-pb-span3 {
width: 25%;
float:left;
}
It should be entered in Theme panel->Advanced CSS in the phones section, if you should consider this a solution.
Thanks
Fast and the best answer ever with the perfect results. Thank you for your help and have a wonderfull day.
P.S. Hire this guy right away 🙂
