Cell Phone View has too much padding

rpgarrett4466 · August 2016

There is a large padding/margin around page contnet when i view on my cellphone (way too much !)

I cant see it in desktop mode when i narrow the screen..hence cant inspect to adjust that css.

Can you help ? (I toggled remove padding and other settings which I thought would remove it, toggled "full width" on mobile ) but no luck.

screenshot of my android phone view:

http://tr.agency/wp-content/uploads/2016/08/Screenshot_2016-08-26-12-24-30.png

Albert · August 2016

Hi,

to increase content width on mobile, you need to use custom css:

@media only screen and (max-width: 767px) {
    .section_wrapper, .container, .four.columns .widget-area { max-width: 100% !important; }
}

marcnim · August 2016

rpggarret, has it worked with you? The code hasn't changed anything at my page...

Albert · August 2016

@marcnim We checked it on our demos and it works.

SmacklePop · November 2016

I am stuck on this too. I have put in the custom css, and while there is a change from what was there originally, there is still too much padding. Is there any other way of decreasing padding?

Albert · November 2016

@SmacklePop Would be great if you can show us on the screenshot where you still got to much padding and also please provide us link to page where from you would like to remove it.

Cell Phone View has too much padding

Comments