GLi – (647) 243-1653

Divi Builder Mobile Responsive Columns

Aug 21, 2024

Divi Builder Responsive Mobile

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.

 

This website and all its posts and links are created in WordPress using the Divi theme from elegant themes. Click the link above to get more information about this environment and get started too. We are here to help.

My password manager, have been using it for many years!

Disclosure: The recommendations on these page are my own based on experience and use. I may earn a small commission from web hosts and other partners if you use the referral link to make a purchase. That’s what helps keep the site alive with fresh content, Thanks for your support.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Your Title Goes Here