Menu icon Foundation
Make global-width responsive

Hi!

I'm using the Sass version of Foundation for sites. I'd like to make $global-width responsive. For example:

  • At 1500px+, $global-width is 1400px
  • Below 1500px, $global-width is 90%

I tried putting a media query for the first bullet in my settings.scss file, but it ignored the media query and just made everything 90%.

Is this something that's possible to do? Or is there a workaround?

The problem is that I want more global padding on left and right for smaller devices, so maybe there's an easier solution.

Thanks!

Sass

Hi!

I'm using the Sass version of Foundation for sites. I'd like to make $global-width responsive. For example:

  • At 1500px+, $global-width is 1400px
  • Below 1500px, $global-width is 90%

I tried putting a media query for the first bullet in my settings.scss file, but it ignored the media query and just made everything 90%.

Is this something that's possible to do? Or is there a workaround?

The problem is that I want more global padding on left and right for smaller devices, so maybe there's an easier solution.

Thanks!