Solved Mobile row resizing

Hi Steve,

I took a look at the site, but I wasn't seeing the problem - are you able to point to an example affected page / row? If you're able to share a screenshot, that would be very helpful too.

Generally, you can configure most settings in Divi to give them a different value on mobile than on pc and tablet. This post gives an example of doing this on a module setting, but the process is the same for values in the row settings:

https://divibooster.com/setting-responsive-values-for-divi-module-settings/

If what you want is to have the mobile width of all pages increased (Divi has a default of 80% width on mobile, which can look a bit narrow), this post gives a couple of ways to increase this default width:

https://divibooster.com/changing-the-website-content-width-on-mobiles/

I hope that helps, but if you are able to point me to a specific example I'll try to give some more specific advice.

 

You're welcome, Steve.

I'm glad you were able to work this out. Yeah, it's a fairly common problem. In theory, the preview in the visual builder and the view on the final page should look the same. However, behind the scenes, the preview of a module and its front-end view actually implemented with two different pieces of code (in two different programming languages), which means that despite best efforts, it is easy for discrepancies to slip in. So I'd take the visual builder as an approximation of what you'll see but, as you've already learned, check the page on the front-end to see what you're actually going to get.

 

Very true! All the best with the site, Steve, and give us a shout if there's anything else you need help with.

Dan