Web Design Forum: Gopal Juneja - Viewing Profile - Web Design Forum

Hi,

Could someone please view this site: www.philstorey.co.uk on their iPhone/Android phone.

In portrait mode it looks as I want it to, however when I tilt it to landscape, the main logo goes off center (to the left) - I have given it's container a white border, to show that this is centered, just bemused as to why it remains centered in portrait but not landscape.

I have used media queries to achieve this layout and am quite new to using them so please be kind with your feedback/comments !

Thanks guys.

Hello, I have lots of input text fields on this site but in IE the cursor goes above the text area when you type and you must click slightly above where the text box actually is to gain focus



Anyone have a clue why?

I appreciate that this should never need to be an option - if a responsive design is done correctly then all versions of the site (ie. different viewport widths) will offer an acceptable user experience (especially if 'mobile first'), and there should be no need for the old 'view full site' button that you see on alot of mobile sites.

However, I am looking to turn a currently fixed-width site responsive, and I am worried that if I do, there will be ALOT of murmurings about how new is bad, and change is evil (this is for a large community site with a large number of users, most of whom are not the most forward-thinking).

Again, I appreciate that if a responsive site is done right the experience should be usable by all at any screen resolution. The issue is that no matter how well done it is, users will still complain simply because it is not the same on all devices. And because this is not a new site, it is an old design being adapted to now behave responsively, users are accustomed to seeing the site the same on all devices and so will likely become confused.

And so I fear I will need to add the option of viewing the full site - this is common on mobile sites, a button which just links to the main site pages, but I have yet to see this be done on a responsive site, does anyone have any good ideas as to how to do this?

I imagine it will involve javascript to apply CSS, or write in a CSS file on click to fix the necessary widths/heights/sizes etc, and some kind of cookie usage(?) to remember the users preference so that they don't go straight back to the responsive site once they click a link?

Any ideas anyone???