Page layout breaking when screen size shrinks

Hello,

I’m having an issue on a page where the text splits around an image in a weird way, is there a way I could just make these two columns go vertical one on top of the other when the window size gets smaller? In a small screen I would like to have the column with the image appear above the column with the text.

The page URL is https://katyawarner.co/podcast/

Thanks.

How it looks on a big screen: https://drive.google.com/file/d/1bOIxmFugWwCtz6ehmH0Mk32dbLdYncCg/view?usp=sharing

How it looks when window is collapsed: https://drive.google.com/file/d/1L93l51iNeBBM_-Xbdr6wKI5NHgUG4AB9/view?usp=sharing

Hello Greg,

Thanks for writing in!

Please edit the page and in your column settings, where you have inserted the two text elements, make sure that the Flexbox Child Placement is Row.
Screen Shot 2021-04-11 at 1.57.59 PM

If this is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

That worked, thank you so much!

You’re most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.