Wvr X-Plus Flex Columns – Phone rows

[dnadesign]

Good day,

I have read that there is custom css that you could use to get the flex-columns to show more than 2 rows when viewed on a phone. I have really small images in my columns and wish to force phones to show them in more than 2 rows – But after a comprehensive search I cant find the css. Hope fully you can help me

https://flipflopscapestfrancis.co.za/#living

 

[scrambler]

We could indeed do that, but first you would need to use a single flex widget with the whole 10 icons in it, instead of two widgets with 5 in each.

But I think the flex widget is too complicated for what you are doing.

The easiest way would be to use the WordPress gallery.

Use Add media > Create Gallery > Select ALL your icons > Create gallery > set your 5 columns and insert

That by default will create 2 rows of 5 columns on desktop, and 4 rows of 3 columns on mobile.

If you want a different number, we can then give you the CSS to customize it

 

[dnadesign]

Brilliant! Thank you – didn’t even cross my mind to use a gallery. I also just used show if /hide if to fix the layout on phones. 🙂

As always – You are excellent. Many thanks

[Author]

Posts