Link to home
Start Free TrialLog in
Avatar of khellar
khellar

asked on

Removing Responsivity from Website

I initially designed my website to be responsive but have since not had the time to take it all the way to completion. In the meantime I would like my site to appear the same in all browsers & phones, ie remove all responsive features. How do I achieve this on http://www.stoneflypress.com?


Thanks in advance for any help!
Khel
SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of khellar
khellar

ASKER

User generated image

Thank you I did add this code to the end of my css and on my iphone I'm still seeing the site zoomed in to just the logo with the entire bg fit to that zoomed in view. Then when I zoom out, the background on the page and on the footer are stuck at the original width. How do I set the zoom to the full width of the page when the iphone user lands there? I feel like this may have been set manually by our first developer but I don't know what code controls it.

Thank you Gary for your help!
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of khellar

ASKER

Ok thank you for the help. I did try that code and the page comes up still zoomed in -  only now I can't zoom out and the background image is still sized down in the top left size of the screen when I scroll around. Any other suggestions?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of khellar

ASKER

Looks like you were right here Gary! The background is now reaching all the way across the site and after I changed user-scalable to 'yes' I was then able to zoom in and out like I wanted. The only thing that is still not working the way I'd like it to is that the site is zoomed in when it loads. Is there any way to get the site to load so that the full width of the site fits in the mobile viewer (ie zoomed out)? Really appreciating the great input!
Avatar of khellar

ASKER

Also now this section of the site is having problems with it's appearance: http://stoneflypress.com/blog/

Is that because it doesn't use #wrapper or .content?
Confused now...
Do you want the site to be a static 940px wide or scalable?
Avatar of khellar

ASKER

Sorry for the confusion Gary. On an iphone the site should be zoomed out so the whole 940px container fits on the available screen space, then the user should be able to zoom in and out. Maybe I'm not understanding how to ask for that because I don't know how the code works, but hopefully you're getting my drift.

Thanks :)
Khellar
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of khellar

ASKER

Bingo. Site looks perfect now on iPhones. Thanks so much!