Full width modules on mobile and tablet

I usually build sites with BB and Dynamik from scratch but I have done a one-off sales page on a client’s site using BB on that page only.

But can’t figure out how to get the full width modules not to have a padding gap on the edges on tablets and mobile. It is obviously something in her theme as none of the usual css I use on Genesis works (although it is a Genesis site)

Can anyone shed some light on how to make the full width modules actually go full width on mobile and tablets?

Many thanks!!


Hey Nicola,

The theme is adding a 10px padding on all sides to the #inner div when the viewport reaches below 1200px. The CSS snippet below should fix it though.

body > #wrap > #inner {
  padding: 0px;


Oh you star! Thank you so much Ben - awesome support as always :slight_smile: Love Beaver Builder more each day (and each update!)

No worries at all, Nicole! And thanks for the kind words, we really appreciate it. Have fun! :slight_smile: