Home Forums Weaver X Tutorials and Hints Wvr X-Plus Flex Columns – Phone rows

Topic Resolution: Resolved

This topic contains 2 replies, has 2 voices, and was last updated by  dnadesign 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #59422

    dnadesign
    Participant

    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

     

    #59427

    scrambler
    Moderator

    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

     

    #59441

    dnadesign
    Participant

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.