This topic is: not resolved
- This topic has 0 replies, 1 voice, and was last updated 4 years ago by .
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Community Forums › Forums › Archived Forums › Design Tips and Tricks › Customize Gutenberg column block responsiveness
Hi, I'm trying to set up some custom responsive behaviors for Gutenberg column block. I have 8 content divs, on a large to medium screen, they are arranged as 2 rows of 4 columns. On a small and extra small screen, they should be arranged as 4 rows of 2 columns. Essentially, if I was implement these columns in bootstrap, each column would be
<div class = "col-lg-3 col-md-3 col-sm-6 col-xs-6"> content </div>
The problem I have right now is that the default Gutenburg column blocks with 4 columns is changing into 1 column per row at the smaller screen sizes, and I can't figure out how to prevent that and keep the minimal number of columns to 2. In the old version of my site, I was using WPBakery Page Builder to customize the responsive behaviors, and I'm wondering if I can get around using a plugin with the new version of WordPress.
I'm using the Wellness theme, if that makes a difference.
Thank you in advance for any help or insight you can give.
© 2024 WPEngine, Inc.