How to Adjust Site Width?

BB Theme
1

I’ve searched the Beaver Builder Theme forum for the answer to this, but nothing satisfactory as yet. I want to widen the theme to 1200px. I believe the default is 1040px. I found a couple of posts that seemed to answer that, but it did not work for me. I tried this:

/Change content width/
@media (min-width: 1200px) {
body .fl-page {
width: 1200px;
}
}
/Change header/footer width/
@media (min-width: 1200px) {
body .container {
width: 1200px;
}
}

But nothing changed. The site is under development and not publicly available, so I can’t provide a URL.

I can get the content area to be the width I want by switching to the medium sidebar, but I prefer that large sidebar. Any suggestions?

Thanks

2

Hey Dairrell,

Welcome to BB Forums! :slight_smile: Sorry to hear about the problem. You can check the link below for more info on Adjusting Content Width. Feel free to snoop around that part of the site for more help articles as well.

http://forum.wpbeaverbuilder.com/knowledge-base/adjust-content-width/
http://forum.wpbeaverbuilder.com/knowledge-base/full-width-header-and-footer-with-boxed-content/

Thanks!

KC

3

Thanks KC. That worked perfectly.

I’ve worked a long time with Woothemes Canvas, but found their Woo theme code a bit annoying. BB has clean code templates that makes it easier for me to customize at the code level and I don’t need extra plugins to do simple things like move the nav menu to the right of the logo. I did like Canvas’ simple slider tool that allows easy adjustment of the site width, but your CSS for adjusting the site width was easy too.

I also like the fact that much of your CSS begins with “fl” to help differentiate from other plugin CSS to help avoid conflicts. Nicely done.

I appreciate your good service and quick response.

4

Hey Dairrell,

Glad that worked for you, enjoy BB and let us know if you need anything further! :slight_smile:

Thanks!

KC