Make a four column row two columns on mobile
-
I’ve got a four column row. On mobile, it goes straight to a one column, four row layout. 1×4. It looks a bit too large for what I’m trying to accomplish and I’d rather two a 2×2 grid instead.
Been fiddling with the CSS but can’t figure out the proper style to target and the code to put in there to make it work. Since it’s flex based, width’s won’t really work here
The page I need help with: [log in to see the link]
-
Hey there,
You can change that setting in the Row Layout’s block settings on the edit page. When you place your row, make sure that you select the four equal column layout. In the block settings, you can customize the layout to a 2 x 2 grid for tablets and mobile devices. I have included a link to a screenshot for reference. The link will expire in 30 days.
- The topic ‘Make a four column row two columns on mobile’ is closed to new replies.
