Concrete5 and Zurb Foundation responsive problems
Permalink
Hello, i just created a website and started to test it on multiple browsers and devices. One week ago i was checking on my mobile main responsive brekpoints and everything was really fine.
Today i checked almost ready website, which scales exacly as it should on desktop browsers, but on mobile it behaves like 960px static, why ?
lets say, my footer have 3 columns, and it changes depending on width.
320px - 768px - 1 column
768px - 999px - 2 columns
1000px and up - 3 columns
live link is:
stoczniagrafiki.pl
(please change language to Polish, because at this moment, im creating foreign content ;p)
I was checking my website on 2 samsung phones (wave Y, galaxy S3), it behaves the same.
Please check this website and maybe We will figure out why its displaying bad.
greetings !
Today i checked almost ready website, which scales exacly as it should on desktop browsers, but on mobile it behaves like 960px static, why ?
lets say, my footer have 3 columns, and it changes depending on width.
320px - 768px - 1 column
768px - 999px - 2 columns
1000px and up - 3 columns
live link is:
stoczniagrafiki.pl
(please change language to Polish, because at this moment, im creating foreign content ;p)
I was checking my website on 2 samsung phones (wave Y, galaxy S3), it behaves the same.
Please check this website and maybe We will figure out why its displaying bad.
greetings !
Hi John, these are not the bugs im fighting with.
-the bug with edit mode highlither is easily removed with
- bug with .row and .container is not my issue, because jquery.ui.css is being loaded in dashboard, where i don't use Foundation.
My problem is that my resposnive website on mobile devices is being loaded as static website with 800px in width (i made quick jquery snippet to see that).
the basic responsive thing which should work:
-1 column layout up to 768 (everything works on desktop browsers when resized, on chrome, ff, safari, ie, opera)
- 2 columns on footer 768 - 999 (also works on desktop browsers)
Of course i have much more resposnive stuff, but those 2 are just examples to have fast overview, that something is not working.
the thing that bothers me is, why its visible for mobile as 800px, when one week ago 1 column layout was looking pretty excellent on my mobile and now i cannot figure it out why.
any advices ?
-the bug with edit mode highlither is easily removed with
body {position: static;}
- bug with .row and .container is not my issue, because jquery.ui.css is being loaded in dashboard, where i don't use Foundation.
My problem is that my resposnive website on mobile devices is being loaded as static website with 800px in width (i made quick jquery snippet to see that).
the basic responsive thing which should work:
-1 column layout up to 768 (everything works on desktop browsers when resized, on chrome, ff, safari, ie, opera)
- 2 columns on footer 768 - 999 (also works on desktop browsers)
Of course i have much more resposnive stuff, but those 2 are just examples to have fast overview, that something is not working.
the thing that bothers me is, why its visible for mobile as 800px, when one week ago 1 column layout was looking pretty excellent on my mobile and now i cannot figure it out why.
any advices ?
Try adding this within the <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
It may be what it is missing. Worth a go.
Regards
Luke
<meta name="viewport" content="width=device-width, initial-scale=1.0">
It may be what it is missing. Worth a go.
Regards
Luke
I love you !
I also love you! Perfect.
http://www.concrete5.org/documentation/how-tos/developers/using-zur...