mobile version of page too thin. how to fix?

Beaver Builder
1

greetings. stumped as to why the mobile version of http://laceycleaning.com/lacey/ is rendering very thin on mobile.

what to do?

thanks mucho. keep up the GREAT work with BB.

mel :slight_smile:

2

Hey Mel,

Welcome to the BB forums! :slight_smile:

That would be caused by the multiple padding set by your theme. Try using the CSS snippet below and see if it works. Feel free to play around with the values though, especially the last set of padding. Also, this only affects the mobile view, viewport width less than 768px.

@media (max-width: 767px) {
  .fl-builder .site-inner > .wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
  .fl-builder .site-inner > .wrap .content {
    padding: 0px;
  }
  body.gppro-custom.fl-builder .content > .entry {
    padding-left: 10px;
    padding-right: 10px;
  }
}

Ben