How to have columns resize properly

[BSFC]

1. When resizing this page I can’t get these columns to resize and rearrange in a clean way. There’s a huge white gap between rows when resizing. Any tips?

incubatorstag.wpengine.com

2. Is there a reason the mobile menu button is rendering off screen on iphone and safari despite showing up cleanly in the preview screen?

[lely]

Hi @BSFC,

@BSFC

1. When resizing this page I can’t get these columns to resize and rearrange in a clean way. There’s a huge white gap between rows when resizing. Any tips?

It is because of your setup. Columns have the same height. See this: https://screencast-o-matic.com/watch/cYVbiIvmkk
You have 2 rows. Each with 4 columns. To avoid the space, please to try use just 1 row with 1/3 + 3/4 columns. Then on the 3/4 columns build the other content. You can use ROW element to build the nested content inside. So that means, you can add 2 ROW elements with 3 columns each inside this main 3/4 columns.

Check this new ROW element video and this how to created nested content too. Please subscribe to our youtube channel for other tutorials.

@BSFC

2. Is there a reason the mobile menu button is rendering off screen on iphone and safari despite showing up cleanly in the preview screen?

Can you give us screenshot of the issue? Thank you.