theodi/frontend-www — pull request #94 by 4foot30 (2013-10-23 09:47:35+00:00)
Title: Feature ie fixes

Hello - this PR has several IE fixes (primarily IE7) plus other styling and layout fixes particularly on mobile.

It adds a class of "no-js" to the HTML tag, so the Masonry blocks can still be seen if JS isn't present.

It restores the main nav to working on click not on hover, unless your screen is wider than 1024px in which case the hovers are restored. I've added sample duplicate nav items into the dropdowns (e.g. About vs. About the ODI) so that on mobile you can tap the upper item to open the nav and then tap any item in the dropdown to go to the relevant page.

It also adds decent styling to the nav at mobile sizes (although Becky would like to revisit this after the initial launch). For this nav, I've duplicated the HTML containing Contact Us etc. and copied it below the subnav. This is so that it displays before the subnav on desktop, and after it on mobile. This is a straight copy, just with a class of "mobile-only" added, starts around line 102 of home.html for example:

Contact us

I've commented out the Search and SIgn In for now on all templates to match what you've done.

![screen shot 2013-10-22 at 22 21 30](https://f.cloud.github.com/assets/333870/1388832/d81411ce-3bc7-11e3-8142-c2a11c6fa6eb.png)