Hello all. working on re-doing two of my sites w/wp.
my media query are kicking in. but the second one with the settings for:
@media screen and (min-width: 600px) and (max-width: 900px)
actually kicks in when the window widens to 750px. I have already run it through csslint. & see nothing that should be causing this.
(I just started rebuilding this so there is still some redundant code.)
The site is at:
http://agileart.us/
Thankyou
D
At first glance, I see the media query kicking in as coded at 600px to 900px using FF and a Win PC.
The JS that resizes the images is a bit funky, but I don’t speak JS so I can’t offer anything constructive about the images.
If you are looking at something other than the images, please point it out.
Hello Ronpat, I only see it kicking in @ 600 on opera. both ff & chrome have it kick in @ 750.
which funky js is affecting the images? I am still squaring all the resources away so I don’t think there should be any yet.
Maybe masonry?
D
I must be looking at something different that you intend. At 600px I see two columns of images form and at 900px, they become 3 columns. I don’t see the “funkiness” in Chrome that I saw in FF.
I’m not seeing anything change at 750px.
FWIW, I don’t know anything about Masonry, but based on questions by other members, it seems to be tricky to set up.
EDIT:
Firefox jumps from 2 columns to 4 columns of images at 900px.
Ok thx…weird…definitely a monday.
Are you sure you haven’t changed the zoom setting in the browser?
ah…you know…that might be it! Never run across that before.
Just looked at it on my home desktop & it re-sizes as should.
I’ll be darned.
thx
D
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.