Full Width Mobile Rows with Genesis

Beaver Builder
1

Hi All

With Genesis child themes, on some mobile devices full width rows display full width other devices not, any ideas or suggestions?

Warmest regards,

Athlone

2

Hey Athlone,

Interesting, could you share a few links that we could take a look at by chance?

Best,
Billy

3

Hi Billy

Thank you for your reply, much appreciated.

Certainly, here is a link, you can view any of those pages on the site: http://socialsa.co.za/

Warmest regards,

Athlone

4

Hi Athlone,
you have a 5% padding in this media query:

@media only screen and (max-width: 1023px)
.home-widgets .widget, .wrap {
  padding-left: 5%;
  padding-right: 5%;
}

This kicks in below 1023px and stays on smaller views as well.

Regards, Leo

5

Hi Leo

Thank you for your reply, much appreciated. But why on some devices does it display fullwidth was the puzzle. Any thoughts?

Warmest regards,

Athlone

6

Hi Athlone, unfortunately not. I just tried the site with a simulator and discovered these paddings. If it’s a StudioPress theme ask the guys over there. Perhaps they have an answer.

We don’t use themes at all so I can’t say anything about this. Sorry for that.

Regards,
Leo