CSS for content-area on Smartphones

Hi there,

Smartphones in portrait mode are tough to deal with as every phone's a bit different.

So just to make sure, you want to see less pink-ish background?

Let me know :)

Hi Leo,

Yes, less background with the color value f4f3f4 after import of slideout...
...i've tried:

@media screen and (max-width: 480px) {
.content-area {
	margin-left: -25px; width: 120%;
}
}

...what then looks like the way I'm "dreaming of" on my iPhone but really seems to be a hack ;-)

Have you solved this?

I would try something like this:

@media (max-width: 768px) {
    #content {
        padding: 20px;
    }
}

Might need to find tune the breakpoint.

Hi Leo,

Thanks for your support. There was only something missing...

@media (max-width: 768px) {
    #content {
        padding: 20px !important;
    }
}

...now it's solved. Thanks!

No problem :)