FoundationSearch results for: Media Queries
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
And now i get the green and yellow background work fine. Is it only me having this issue or you guys have some experience with this ?? Thanks, Marko
Hi! Is there a simple way to detect media queries in javascript? It would be nice one or more of the following: - body or html auto-filled with current mq, so one can use for example body.large, body.medium, etc.. - a js event broadcasted on eve... (continued)
Hi! I am trying to use Media queries to modify a certain .css class, but can't get it working. Below are the (as far as I know) relevant parts of the .scss files. Does anyone know what I am missing? Thanks in advance, Jasper
Hi, I would to know if it is possible combining interchange media queries. I'm talking about adding 'retina' mq to another mq, like in the example below:
Hi, I am trying to use media queries to change a certain .css class, but I can't get it working. I included the (as far as I know) relevant parts of the scss flies. Does anyone know what I am missing? Thanks in advance, Jasper
Hi, I am confused and hopefully someone can shed some light... I have installed foundation and all is working fine. The grid operates perfectly etc. But when I link another style sheet and try to use the media queries to define styles of my own, on... (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)
Hi there, I have the media queries running, but when I use the variables that are already in the style.scss file they don't work, if I remove the variable ($small-only) and put in the media query itself, it does work, I will have to use this method for... (continued)
The problem is, in desktop (chrome/firefox), i keep getting the "small" alert even im in a medium/large viewport. Is it a bug ? or am i missing something ? thanks!
Hi guys, Anyone come up with a modification of the standard Foundation 5 media queries to cater for the iphone 6 and 6plus? I want to keep both on the 'small' size without interfering with other devices... Love to hear what you are doing to deal wi... (continued)
I'm using foundation-rails 5.0.2.0. In app/assets/stylesheets/foundation_and_overrides.scss, it has these lines:
I'm looking for a way to manipulate elements in a grid using the grid-column() mixin but it does not seem possible. Given markup of :
I'm running the Sass version of Foundation 5 and am running into an issue with the default media queries. Here's my app.scss:
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)
Is there a way to split the css files into separate css files according to the media query's? Or is it done manually? I only intend to use the css only foundation, not the Sass one.
Hello! I'm having a slight problem with my media queries. I've enclosed my code below. I've no problems with the properties under max-width: 40em (640px) but the ones for min-width: 40.063em (641px) and min-width: 40.063 and max-width: 64 em (1024),... (continued)
Hello, I am using media queries for the logo and title of a webpage in order to make it responsive. I encountered a few problems: 1. The logo and title are in separate columns (large-4 and large-8) and when I shrink the browser window the columns ar... (continued)
