I’m working on a responsive theme nowadays. For this purpose i’m designing iPhone version. The problem i’m facing that iphone in portrait view has width only of 320px which is too narrow for my design element to fits in, and if i scale down my site elements looks a little mess up which each other and it dont looks aesthetically clean and nice to me.
Now the idea i’m thinking of, if iphone users can easily see sites in landscape mode (in which we get 480px width) why we design and code separate version for portrait view?
How it goes if i create an overlay with semi transparent background having message, “Use Landscape mode for better view!” or message like that. And this overlay appear only if user view the site in portrait view. And obviously user can close this overlay with a touch over an icon.
Will theme customers will oppose such thing?
Your ideas r appreciated.
- Sold between 50 000 and 100 000 dollars
- Author was Featured
- Author has had an Item Featured
- Beta Tester
- Has been a member for 5-6 years
- Grew a moustache for the Envato Movember competition
- Referred between 50 and 99 users
- Interviewed on the Envato Notes blog
I personally prefer to browse website in portrait mode. Landscape is not really made for a “one hand” use. I would say do the design for both, and don’t bother the customer with overlay
Right way is to build a website in percents and not in pixels. Forcing a user to rotate his/her mobile is not good idea, what if an user is used to or simply loves portrait mode? (me, automatically view all websites on iPhone in portrait mode, I even do not remember about landscape). You can avoid unfriendly message and grant freedom to user how to view your website if you will build it in percentage.
Thanks for ur ideas, Actually i do not have any iphone so i was not clear how iphone holders think However, i think now i will design site for both potrait and lanscape mode.
@virtuti: I’m using px because i want more control over theme layout.
Once again thank u very much