Responsive State Issues: Primary Nav

RegionalPlan / rpa

0 stars 0 forks source link

Responsive State Issues: Primary Nav #91

Closed ericfenny closed 10 years ago

ericfenny commented 10 years ago

When the browser window is approximately just under 1000 px wide, this behavior occurs:

The Primary NAV should always be the same height no matter the browser size.

As an alternative solution, please just hide the text "Regional Plan Association" and show only the logo at smaller browser sizes

On the smallest screen sizes (mobile) when there is not enough space for the report's title and chapter numbers, then we can resort to using the menu icon. Let's have the dropdown look like this:

Thanks

volkanunsal commented 10 years ago

Done

ericfenny commented 10 years ago

Cool! Just a couple things

There is enough room "Regional Plan Association" spelled out to remain present until the break point at ~990px. Right now it disappears too early.
The project title/chapter index/ social icons also disappear too early. They should be visible until the RPA logo gets close to interfering.
When the chapter index does collapse within the menu icon, the title should still be visible in the primary nav.

Please add more padding to the drop down so its width matches the menu icon. The pointer arrow on top should be centered on the top edge. The menu items should be white on rollover.

volkanunsal commented 10 years ago

I think you're underestimating the difficulty of what you're asking above. I implemented the last item in the list. I won't implement the others. Sorry.