Restrict fullest responsive width

[bssmithy]

So, I know from researching the forum that it’s quite difficult to specify the width of the site. But here’s my question. The fullest width appears to be 1,140px from what I can tell, and the width just down from that if you resize the browser is 940px wide. Is there any way to prohibit the responsiveness from jumping up to that fullest width? Because 940px is actually the perfect size for the main content of my site, and I’d like for that to be the fullest width (and then be able to scale down for tablets and mobile, of course). That way everything would line up nicely for me, since I size my images to 940px wide on my blog.

Can this be done with a little CSS code or something?

Thanks!

[Tahir – SUPPORT]

Hi,
You can set it to 970 here is the custom css code

@media (min-width: 1200px){
.container {
width: 970px !important;
}
}

Thanks
Tahir

[bssmithy]

Thank you SO much. That’s a huge help!

[Tahir – SUPPORT]

Hi,
Glad to be of help.

Thanks
Tahir

[Petercity]

+1, I just play with your code to have 300px sidebar. I think this the easiest way to reduce the sidebar size without break any feature of the theme.

@media (min-width: 1200px){
.container {
width: 1010px !important;
}
}

Thanks

[Swift Ideas – Ed]

Hey guys,

While this does work for most of the content, it won’t work with carousels as these need fixed width assets, and such all our sizes are set up for 1200px width.

I’ve got a 940px option on the list for the update after next though!

– Ed

[bssmithy]

That sounds great! Thanks a ton, Ed.

[Tahir – SUPPORT]

🙂

[bssmithy]

I also just wanted to note, not only are the carousels affected, but the parallax areas don’t stretch the full width of the page either if the width is reduced.

Just a note if you are indeed adding a 940px option to the next update 😉

Thanks!

[Tahir – SUPPORT]

Thanks for your feedback guys.

-Tahir