Hey,

on some mobile devices i get this css in the page source:

@media only screen and (max-width: 690px) {
    .container, div.slider-nav, #post-area.standard-minimal.full-width-content article.post .inner-wrap {    
        max-width: 300px!important;
    }
}

and it's isn't looking good (ref. screenshot).

What is the best practice to fix mobile width without touching footer and without messing with the responsive.css options?

Best Regards

I wrote this code to temp fix it:

@media only screen and (max-width: 690px) {
    .container.main-content {
        max-width: 350px!important;
    }
}

but i dunno if it will mess up other mobile devices or other components.