> For the complete documentation index, see [llms.txt](https://docs.planetstyles.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.planetstyles.net/feature-guides/milk-theme/milk-layout-width.md).

# 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="/files/KChwZinIQOZOLVi0gxVI" alt="" data-size="original"> |
|                                                                              | <p>Boxed</p><p>(1200px width)</p> | <img src="/files/lAAQ8klIUY5FrUxLbeEX" 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](/getting-started/how-to-edit-code-files.md)

***

### Responsive layout information

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