Hello,
I was taking a look at the Avante theme in the designer and they seem to have overridden the max width container to 1200px which also displays 1200px in the designer. They are using a Container class on the container but I do not know how they did this since the feature is grayed out in the designer. Can someone please explain how they accomplished a 1200px container in the browser and in the designer? is this custom code?
If you just put custom code in the site settings like <style> .Container { max-width: 1200px; } </style>
it doesn’t show up like that in the style panel, but it works .
Try this.
Go to, or add a Navbar. Inside the Navbar component is a Container element.
This Container element doesn’t have the Min width greyed out
Change this to 1200px and this should affect all containers
@bsmity - I checked out Avante, and from the looks of the container icon, it is using a true Webflow container with the max width set to 1200px. This was a trick I used to do in a prior version of the Styles panel by tabbing through the fields to get to what were normally disabled fields for the container widget, if you clicked directly in them. However, with the new version of the Styles panel, it looks like you can no longer do that, which is a bummer. @Waldo (or any one else) - Any idea why that work-around was taken away? Designing with a 940px width is so limiting. I know we can create our own containers with divs, but that defeats the purpose of having a container widget in the first place. Thanks!