Full width modules on mobile and tablet

Beaver Builder
1

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!!

http://elizabethrider.com/bschoolbonus

2

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;
}

Ben

3

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

4

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

Ben