I was having trouble with a big gap in my page when viewing on a cell phone(for my website https://www.pickleballstouffville.ca).

The page had 2 columns, the left one, a map, the right one a description of the event.

On a full screen, no problem. The left column was defined as being 30% wide, the right one, 70%.

For the responsive setting I set the left column to not be visible on the cell phone.

Without changing the width of that column for the cell phone, the right column was still showing at 70% width, thus causing the wide gap on the right.

I changed the width to 100% for the phone and the problem disappeared. Relief!

This is what working with Elegant Themes’ Divi environment. If it does not look right it is your fault and they have the tools to help fix it.

It also helps to have the right instincts. That comes with experience and using the right tools. Click on their link to learn more about their tools.