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 |
Layout type Defines the content wrapper width |
Fluid (95% width) |
|
Boxed (1200px width) |
|
Changing the layout width
- Open the FlightDeck extension (control panel)
- Find "Layout type"
- Set as required
- Submit
Adjusting the width values
The fluid width is defined in:
.body-layout-Fluid #inner-wrap { width: 95%; margin: 0 auto; }
The boxed width is defined in:
/* Fix the body layout for large desktop devices */ .body-layout-Boxed .wrap {width: 1200px;}
Responsive layout information
- Fluid layout is only applicable to viewports above 1200px width (unless changed manually, as above)