Adding break point to switch from three columns to two

  • Unknown's avatar
    mattleone · Member ·

    Hi, I use a three-column index page in the Folio theme, and I like the way it looks at full width, and I like the way it looks in mobile, but I don’t like how narrow the three columns get when you shrink your browser to a vertical tablet width. Is there a way to keep the three-column design when the browser is close to full width, but change it to a two-column design when you hit a breakpoint of about 75% the width of the screen (and keep it the same as it is now for mobile)?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    tanjoymor · Member ·

    @mattleone I’ve tried a variety of different blocks and configuration options for this and I haven’t been able to achieve the outcome you’ve described. It might be possible with some custom CSS. You can learn more about working with CSS through our guides: https://wordpress.com/support?s=css

    You may also want to check in with the broader WordPress community and search for CSS topics in the Dotorg forums: https://wordpress.org/search/css/

  • The topic ‘Adding break point to switch from three columns to two’ is closed to new replies.