My first responsive project and it's not as smooth as I hoped!
I've completed an initial concept with break points at 768 and 480 and it breaks fine when I resize in the browser. I did a final test in my smart phone and I get the FULL SITE!
I've been banging my head against the wall and I sure hope somebody can bail me out!
You can see the page here - www.siphon-marketing.com/unifirst
Also, when resizing my screen on a desktop, it breaks OK but I need to refresh at each point to force some elements in place...any way I can prevent that?
My first responsive project and it's not as smooth as I hoped!
I've completed an initial concept with break points at 768 and 480 and it breaks fine when I resize in the browser. I did a final test in my smart phone and I get the FULL SITE!
I've been banging my head against the wall and I sure hope somebody can bail me out!
You can see the page here - www.siphon-marketing.com/unifirst
Also, when resizing my screen on a desktop, it breaks OK but I need to refresh at each point to force some elements in place...any way I can prevent that?
Thanks so much!
Have you added meta viewport settings in the head of your document?
Details here: http://www.html5rocks.com/en/mobile/mobifying/#toc-meta
Found that there were TWO viewports...one overriding the other!
http://www.teamtweaks.co.uk is showing responsive design when i checked with online tool like http://mattkersley.com/responsive/ but when i open the website in mobile it is showing mobile optimized website not the responsive design.
Can anyone tell me whether any code need to be added for opening in mobile.
I opened in HTC, Samsung mobiles both the mobile it is opening like mobile optimized website like what we see in desktop.
Pls guide me