Streaming live at 10am (PST)

Can I make a container width bigger?


#1

Can I make a container width bigger?
I know webflow does it automatically is there some way of over riding it?


#2

You could use this in your custom code area in the dashboard.

@media screen and (min-width: 1200px) {
.w-container {
max-width: 1170px; }
}


#3

Awesome! Thank you. :grinning:


#4

Also other way:

1) give class to container
2) add div with same class
3) style that div (width, height, etc) and it will affect container.

Regards,
Anna


#5

I just set the max width to 100%


#6

@cleo My recommendation is just to create a div with a class name similar to container like container-2 and then give it the following styles.

Width: 100%
Max Width: (put in max width here)

And click the centered button (gives equal margin on both sides) and you have a custom container which you can style to your hearts desire :smile:

Thank you,

Waldo


#7

This is a perfect solution.

Thanks Waldo!


#8

My pleasure to help @TriceWD :smile:


#9

I was playing around with the container, and all my options for sizing were grayed out. There was a message that stated, basically that Webflow controls the width of the container to optimize display on different devices.

My question is this: Because Webflow treats containers a specific way in terms of responsiveness, is it better to use the custom code to modify the width of the container element, or is it better to simply use a generic div as the container and select whatever width I'd like?


#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.