Mobile issue – white space on sides

[fmora617]

Hi – On these pages in Mobile: http://thehauntedhallows.com/groups/…and…http://thehauntedhallows.com/sponsors/ I am seeing white spaces on the sides. see here –> http://i.imgur.com/So9QMx9.png

Any ideas how to remove?

Thanks!
Fabian

(sorry if I opened several of the same ticket – I did not see it submit to the queue)

[Kyle – SUPPORT]

Try adding this to your custom css:

.fw-row > .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

– Kyle

[fmora617]

Hi – I entered the CSS and I am still seeing the white spaces. Any other ideas?

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Try this one instead.

@media only screen and (max-width: 767px){
.fw-row > .container {
    padding-left: 0px!important;
    padding-right: 0px!important;
   
}
}

-Rui

[fmora617]

That CSS didn’t work either. Should I create the page differently?

[Rui Guerreiro – SUPPORT]

You have some errors in that last css rule, I copied our css to the top.
Can you clear the cache and check again.

-Rui

[fmora617]

Great – thank you!

[Mohammad – SUPPORT]

Hi,
Great thanks to Rui.
Mohammad

[Kyle – SUPPORT]

No problem, thanks Rui