Webflow sync, pageviews & more.
NEW
Answers

Can the default container width of 960px in Webflow be changed to a different value, such as 1140px, for responsive site design?

Yes, in Webflow, you can easily change the default container width from the default 960px to a different value like 1140px for your responsive site design. Here's how you can do it:

1. Open your Webflow project and navigate to the Styles panel, which can be found on the right-hand side of the Designer interface.

2. In the Styles panel, click on the body element. This will open up the settings for the body tag.

3. Within the body settings, locate the "Container" section. By default, the width of the container is set to 960px. Click on the dropdown arrow next to the width value.

4. Select the "Custom" option from the dropdown. This will allow you to enter a specific value for the container width.

5. Enter the desired width value, such as 1140px, in the input field. As you type, you'll see a live preview of how the container width will look.

6. Once you've entered the desired width value, press Enter to apply the changes.

Now, the default container width for your site will be set to 1140px instead of the default 960px. Remember that this change will affect all container elements within your site, so be sure to double-check your designs and ensure they look the way you want them to.

Additionally, keep in mind that Webflow's responsive features will still apply to the container element, allowing it to scale and adjust its width as needed for different devices and screen sizes.

Rate this answer

Other Webflow Questions