I would like to have small margins on a mobile, but larger margins on a desktop. So for the desktop 3 em is fine: $column-gutter: 3em; but for mobile I want small margins either side of the canvas 1em $column-gutter: 1em;
How is this possible? I tried ... (continued)

I would like to have small margins on a mobile, but larger margins on a desktop. So for the desktop 3 em is fine: $column-gutter: 3em; but for mobile I want small margins either side of the canvas 1em $column-gutter: 1em;
How is this possible? I tried ... (continued)

just a little gotcha, if you're changing the range values for media queries, as per
http://foundation.zurb.com/docs/media-queries.html
As well as changing the values in e.g.
$medium-range
you'll need to restate all the query variables t... (continued)

just a little gotcha, if you're changing the range values for media queries, as per
http://foundation.zurb.com/docs/media-queries.html
As well as changing the values in e.g.
$medium-range
you'll need to restate all the query variables t... (continued)

I'm using foundation#5.0.2 with sass/compass. I can change variables in _settings.scss like colours and so on, but seems I can't changing Media Query Ranges. It doesn't take effect.
Media Query Ranges
$small-range: (0em, 64em);
$medium-range: (64.06... (continued)

I'm using foundation#5.0.2 with sass/compass. I can change variables in _settings.scss like colours and so on, but seems I can't changing Media Query Ranges. It doesn't take effect.
Media Query Ranges
$small-range: (0em, 64em);
$medium-range: (64.06... (continued)

What would be the best way to introduce JS to fire at different breakpoints based on what small/medium/large are set to in SCSS?
Is there an official way or is it best to write some modernizer mq tests as: http://modernizr.com/docs/#mq

What would be the best way to introduce JS to fire at different breakpoints based on what small/medium/large are set to in SCSS?
Is there an official way or is it best to write some modernizer mq tests as: http://modernizr.com/docs/#mq

Is there an easy way to determine which breakpoint "mode" is currently in place using Javascript?
For example I am using SASS to set the view according to the $small-only, $medium-only etc. variables. However if the user has resized the browser and the... (continued)

Is there an easy way to determine which breakpoint "mode" is currently in place using Javascript?
For example I am using SASS to set the view according to the $small-only, $medium-only etc. variables. However if the user has resized the browser and the... (continued)

I'm running into a problem where if I adjust the screen size to 1024x768 my design is showing a mobile layout (for small screens) instead of one for large screens.
Does this have something to do with breakpoints? I don't think I adjusted anything out of the box ...

I'm running into a problem where if I adjust the screen size to 1024x768 my design is showing a mobile layout (for small screens) instead of one for large screens.
Does this have something to do with breakpoints? I don't think I adjusted anything out of the box ...

Heya guys,
I seek help to further understand more about its uses and best practices in regards to images, so I'm gonna throw out a few short questions real quick.
1. Example - I have some image gallery content that I want to show for desktops only ... (continued)

Heya guys,
I seek help to further understand more about its uses and best practices in regards to images, so I'm gonna throw out a few short questions real quick.
1. Example - I have some image gallery content that I want to show for desktops only ... (continued)

I have a question that will now walk while trying to solve and not meeting solution!
My project still only have design for devices width 1024px for the web and mobile no because don´t have developed.
What happens is that I actually needed disable ... (continued)

I have a question that will now walk while trying to solve and not meeting solution!
My project still only have design for devices width 1024px for the web and mobile no because don´t have developed.
What happens is that I actually needed disable ... (continued)

Hey Team! Ben emailed us a question about the topbar breakpoint. I'm sure this is useful to many of you.
--
Hi there,
I've set up a site using Foundation 5 - http://www.sunnysideinstantlawn.com.au/
The trouble is the top bar does not kick into... (continued)

Hey Team! Ben emailed us a question about the topbar breakpoint. I'm sure this is useful to many of you.
--
Hi there,
I've set up a site using Foundation 5 - http://www.sunnysideinstantlawn.com.au/
The trouble is the top bar does not kick into... (continued)

I am trying to edit the media queries in a wordpress theme based on zurb foundation. I want to change the screen size where certain CSS changes kick in on my site (teachwithtechnology.net) so that the main menu changes to a combined menu sooner than is cu... (continued)

I am trying to edit the media queries in a wordpress theme based on zurb foundation. I want to change the screen size where certain CSS changes kick in on my site (teachwithtechnology.net) so that the main menu changes to a combined menu sooner than is cu... (continued)

Hi all,
I'm running into an issue with media queries.
I'm using the medium and large media query to make some elements smaller or larger according to screen size.
But when I resize my screen to the smallest possible it seems my elements display the d... (continued)

Hi all,
I'm running into an issue with media queries.
I'm using the medium and large media query to make some elements smaller or larger according to screen size.
But when I resize my screen to the smallest possible it seems my elements display the d... (continued)

Hi
I have been working on client website where i am using media queries and joomla
here is the URL:
http://www.kersfield.co.uk/index.php/developments
The problem is when i see the website at my desktop or laptop its showing perfectly the with thre... (continued)

Hi
I have been working on client website where i am using media queries and joomla
here is the URL:
http://www.kersfield.co.uk/index.php/developments
The problem is when i see the website at my desktop or laptop its showing perfectly the with thre... (continued)

As the title says. Just curious the thought process behind not including an extra small breakpoint at either 320 or at least 480? Is 320/480 not really needed anymore with all the high dp mobile screens? I know a lot of people still use them. The obvious ... (continued)

As the title says. Just curious the thought process behind not including an extra small breakpoint at either 320 or at least 480? Is 320/480 not really needed anymore with all the high dp mobile screens? I know a lot of people still use them. The obvious ... (continued)

Is there a way to add another media query range in _settings.css that I can use as a class in html like xsmall-12 small-12 medium-6 large-6 etc??
My site works ok in small and large sizes, but I need another medium setting because halfway through the m... (continued)

Is there a way to add another media query range in _settings.css that I can use as a class in html like xsmall-12 small-12 medium-6 large-6 etc??
My site works ok in small and large sizes, but I need another medium setting because halfway through the m... (continued)

Hello,
I am working on a website using Foundation 5 Top Bar. And cannot figure out this problem I am having with the media queries. My site is supposed to reveal the mobile hamburger icon format for small screens but should display a basic tab-style fo... (continued)

Hello,
I am working on a website using Foundation 5 Top Bar. And cannot figure out this problem I am having with the media queries. My site is supposed to reveal the mobile hamburger icon format for small screens but should display a basic tab-style fo... (continued)

I'm having a weird issue with the topbar. When I resize my browser to be between 640px and 768px wide, the menu in the topbar disappears. The bar itself is still there, as is the logo, but the menu is gone. When I resize above 768px, the menu bar appears ... (continued)

I'm having a weird issue with the topbar. When I resize my browser to be between 640px and 768px wide, the menu in the topbar disappears. The bar itself is still there, as is the logo, but the menu is gone. When I resize above 768px, the menu bar appears ... (continued)

It would be super awesome if I could add media query syntax to the float classes.
Example: Say I want to float my div right. I would use the `right` class, but when I look at it on the small screen I realize that things have shifted and I actually do ... (continued)

It would be super awesome if I could add media query syntax to the float classes.
Example: Say I want to float my div right. I would use the `right` class, but when I look at it on the small screen I realize that things have shifted and I actually do ... (continued)