Basel: how to pit icon and text block in line on mobile

He Elise,
On the mobile, I divide row into 3 parts (1/3 page, 4 columns). In each part, I have an icon and a text block. https://ibb.co/VWXkTg4 They show on the same level on PC, it’s good https://ibb.co/XCjP4Cq

But on mobile, the text block is showing below the icon, like this https://ibb.co/5RkwcTK
Can I force the icon and text to show on the same level on the mobile?

Thanks for your help!

Hello,

You will need to set the appropriate width of the columns. By default, they get 12 columns width, set 6 on mobile. You can find the instruction on how to do that here: https://wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/?v=9025a1ae8c64 and https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/?v=9025a1ae8c64

Best Regards

Elise,
thanks for your suggestion. I managed, but I used a combination of setting colum widths on the mobile screen (12/12), and I also copied some setting you used in your demo from https://demo.xtemos.com/basel/home-marketplace/

So it worked in the end. Thanks!

You are welcome!

[Author]

Posts