Hi Bamboo's

the new page is constantly getting better!

I would like to widen the content on mobile devices as much as possible like shown on the screen shot



www.dieter.neu23.de/seriendarsteller/soko-koeln.html

@media (min-width: 220px) and (max-width: 760px) {
#zen-container {
width: 100%!important;
}

I tried several media queries, but havent found the right one

what would you suggest for the desired result?

best sebbie

Hi Sebbie,

Actually there is a setting for this in the responsive settings int he template. You can set the max width in % for desktop, tablet and phone there.
Thanks

Yeah, I tried that before - of course. But it seems as if that settings are not changing the width of the content area

best sebbie

Hi Sebbie,

Could you attach a screenshot of your settings?

Cheers
Paul

here we go



best sebbie

Hi Sebbie,

If you add these lines does it work as expected?

@media screen and (max-width: 840px){
.responsive-enabled .zen-container {max-width: 80%;}
}

@media screen and (max-width: 620px) {
.responsive-enabled .zen-container {max-width: 70%;}
}

Cheers
Paul