Menu icon Foundation
customize Max-width:73.125em and media queries

Ι want to customize the max-width and work with it. Specifically I want to be in 1170px {73.125em}. My question is : When i set my Defaults, i must make the changes of width to Media Queries manually or they have been automatically ?

max-widthbreakpoint

Ι want to customize the max-width and work with it. Specifically I want to be in 1170px {73.125em}. My question is : When i set my Defaults, i must make the changes of width to Media Queries manually or they have been automatically ?

Geoff Kimball almost 5 years ago

In the Foundation settings file there's a series of variables that define the core media query sizes: small, medium, large, xlarge, and xxlarge. Media queries are stored as ranges in Foundation; the variables are called $small-range, $medium-range, and so on.

By default the large media query (which is where most all desktop layouts lie) is 1025px, or 64.063em. If you'd like the large media query to kick in at a wider display size, change $large-range in _settings.scss to look like this:

$large-range: (73.125em, 90em);