Menu icon Foundation
Modify $row-width through media-queries

Hello everybody,
is it possible to change the $row-width variable using media-queries?

I'd like to have something like this:

- with mq up to large-up = $row-width: rem-calc(1000); //_settings.php default value

- with mq xlarge-up = $row-width: rem-calc(1400); //custom value

thanks

media-queriesRow width_settings.phpSassgrid

Hello everybody,
is it possible to change the $row-width variable using media-queries?

I'd like to have something like this:

- with mq up to large-up = $row-width: rem-calc(1000); //_settings.php default value

- with mq xlarge-up = $row-width: rem-calc(1400); //custom value

thanks

Diogo Bento over 4 years ago

I'm also working on a similar idea.

I would suggest setting the $row-width variable under _settings.scss for the xlarge-up screens and adding different max-width styling for the other breakpoints in _custom.scss.

Hope I could help.