The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Mobile design doesn’t work?
So I created a mobile site. Everything that has to do with width pertaining to a mobile site is a percentage. But when I view it on my iPhone, it just shows the site the same as it is on the desktop, just zoomed out. How can I fix this.
I believe that even though you are using 100%, your site still needs media queries to target those different devices.
This is my example, i had just got into media queries the other day. Basically i designed a simple layout that would change depending on device. There are some discrepencies but you will get the idea.
The media query will target the width of a browser, just check out my comments when you view source
Try adding this to the header of the mobile theme.