designroom says

Hello everybody!

I have two websites I need to make some css enhancements (media query responsive layout) for iPad. One of them is “priority” for me and it already has a built-in responsive layout for iPad & smartphones (including iPhone), but I want it to be changed as I didn’t like the way it is displayed on iPad at all.

So to let noticed which are the websites and what I want for them to be created/changed, I’ll list them as site 1 and site 2 for better understanding requests…

Site 1 (*Priority *need it to be ready quickly):

http://publivida.org.br – It uses Shelf from http://themefoundry.com (Shelf is a responsive Wordpress theme built on html 5 I suppose and also makes use of css3-mediaqueries.js in order to support IE) and although it has specific css media queries for iPad, Narrow screen Tablets and Smartphones, I just do not like the way the website’s content is displayed on iPad – Talking about iPad exclusively the css portion defined for the iDevice displays the website’s content with different layout according to the iPad’s screen orientation (Portrait & Landscape) modes.

- iPad’s Landscape mode considerations:

in landscape mode the site is considerably nice, although I’m open for enhancements suggestions from developers/css experts. I was thinking about to have the site scrrolling on vertical too, with three or two articles per “shelf” – What I mean is that I’d like to achieve this style: http://cl.ly/1I3d1o1D473v0y2Q223U although in landscape mode.

- iPad’s Portrait mode considerations:

in portrait mode the site is ugly and lacks a lot sense of navigation, it just does not work!

What I expect for the rearranged/new layout for iPad in Portrait mode:

Please take a look at the screenshot: http://cl.ly/1I3d1o1D473v0y2Q223U – this is how the site is displayed on iPhone – I’d like the iPad to have the same style when in Portait mode. That’s all.

- Site 2

Site 2: http://capec.org.br – It uses a customized version of Lunar Theme available here on Theme Forest – and it has not a responsive layout. Although I want to make some css enhancements for this site, i did not want a complete responsive layout for it, but I’m considering to request some adjustments for iPad, maybe a new header/menu style such as http://twitter.com would be nice.

Proposals & Quotes:

I hope I could help posting the necessary info about what I need. For more information regarding the project and for proposals please send an email to financeiro@plandesign.com.br

I hope to hear from you here in the forum soon.

Best regards,

Adriano Monecchi

3 months ago