Exhibit top of page navigation displaying oddly

[mebrett]

Ref #1

The exhibit navigation displaying across the top of the page is displaying pages (particularly nested pages) in a disorderly fashion. Exhibit subpage titles run together - the end of one butts right into the start of the next creating a single visual "word".

Here is the exhibit page hierarchy:

And here is how it's displaying at http://dev.omeka.org/mebrett/Omeka/exhibits/show/mall-stuff:

Shown in Chrome but issue persists in Firefox and Safari

[kimisgold]

There are a number of issues with the exhibit navigation in its current state, so based on testing and working group feedback, I've redesigned it in the exhibit-side-nav branch. @mebrett, would you mind taking a look at it?

[mebrett]

Everything works fine, even with 3 levels of exhibit pages. I like the way the menu follows as you scroll, so that you can easily get to the next section/page at the bottom of a long piece of content.

[kimisgold]

@mebrett Nice! I also think that having that navigation on hand at all times makes the previous/next page navigation less useful on desktop, though still necessary on mobile where the navigation doesn't follow the scroll. How does that sound to you?

[mebrett]

I agree - I just looked on the phone and right now there's a Back to the Top button at the end of the page which I quite liked. Because it popped me right back to the exhibit nav I was able not just to move forward but go anywhere in the exhibit easily.