Padding / Margin (white border) on Mobile view?

Newah

Every time that I resize the browser down to trigger to mobile size, I get a white border around the entire browser / screen on mobile. WHY? I'm trying to use a fullscreen background image for a part of the site and in mobile it's stuck with these white borders! I inspected it and it seems to be coming from

@media screen and (max-width:670px) {
.sm-page-widget .sm-page-widget-content{



As you can see, it's highlighted in orange / green on bottom when inspected. This is so frustrating.

I can't figure out how to get rid of this. I've tried adding custom CSS rules to override it and change it back to 0, but I haven't had any luck.

photoclick

@media screen and (max-width: 670px) {
/*Remove side margins and vertical padding*/
.sm-page-widget-INSERT_WIDGET_ID .sm-page-widget-content {
margin-left:0px !important;
margin-right:0px !important;
padding-top:0px !important;
padding-bottom:0px !important;
}
}

... good luck

Newah

photoclick wrote: »

@media screen and (max-width: 670px) {
/*Remove side margins and vertical padding*/
.sm-page-widget-INSERT_WIDGET_ID .sm-page-widget-content {
margin-left:0px !important;
margin-right:0px !important;
padding-top:0px !important;
padding-bottom:0px !important;
}
}

... good luck

Hey! That worked! I guess I didn't think about adding a widget id.

Thank you!