# Milk: Layout width

Milk has 2 available layout widths. This option controls the width of the white background container and navbar links.

| Option name                                                                  | Values                            | Output                                                                                                                                                                                                                                                     |
| ---------------------------------------------------------------------------- | --------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Layout type</strong><br><br>Defines the content wrapper width</p> | <p>Fluid</p><p>(95% width)</p>    | <img src="https://1973628527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTA7pvCEDX33HvSpe5svL%2Fuploads%2FBIMHl2dwwzuQWkIdAKwF%2Fimage.png?alt=media&#x26;token=a03e2bb7-fbf5-4f64-8aed-8631334e02a7" alt="" data-size="original"> |
|                                                                              | <p>Boxed</p><p>(1200px width)</p> | <img src="https://1973628527-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTA7pvCEDX33HvSpe5svL%2Fuploads%2FOvHuQ3cj3VEV4kS12Dib%2Fimage.png?alt=media&#x26;token=0a53c14e-0ce5-46b2-a25b-64a4e47a7f82" alt="" data-size="original"> |

***

### Changing the layout width

1. Open the FlightDeck extension (control panel)
2. Find "Layout type"
3. Set as required
4. Submit

***

### Adjusting the width values

The **fluid** width is defined in: `yourforum.com/styles/Milk_v2/theme/merlin.css`

```
.body-layout-Fluid #inner-wrap {
    width: 95%;
    margin: 0 auto;
}
```

The **boxed** width is defined in: `yourforum.com/styles/Milk_v2/theme/responsive/large-desktops.css`

```
    /* Fix the body layout for large desktop devices */
    .body-layout-Boxed .wrap {width: 1200px;}
```

See: [How to edit code files](https://docs.planetstyles.net/getting-started/how-to-edit-code-files)

***

### Responsive layout information

* Fluid layout is only applicable to viewports above 1200px width (unless changed manually, as above)