Store: Header bar has duplicate site information

[kellychoffman]

There were some much needed and appreciated changes to the mobile header. #22541 These also made changes to the larger screen views, which caused duplicate site info:

Our original header designed purposely diverged from the rest of calypso given the nature of Store.

Options to fix:

• Only apply mobile changes to small screen (revert changes made to the large screen)
• @justinshreve suggests: Change header above nav to read "Store"
• Borrow @shaunandrews's designs
• Other ideas? cc @jameskoster

[jameskoster]

The only other option I could think of would be to combine the site link with the title/breadcrumb area;

But that doesn't disrupts the link between content / navigation so not really ideal.

Only apply mobile changes to small screen (revert changes made to the large screen)

That seems like the cleanest solution design-wise.

[shaunandrews]

FWIW, I think what you mocked up, @jameskoster, is really nice. It reminds me of the editor's "ground control" toolbar.

The store currently has a "sticky" header for that primary action button, how would your mockup work with scrolling? Would the whole bar be sticky?

--

One note, not totally relevant: Can we switch to a chevron rather than the back arrow? That's what we're using to indicate a sidebar item has a second-level of navigation:

[jameskoster]

The store currently has a "sticky" header for that primary action button, how would your mockup work with scrolling? Would the whole bar be sticky?

The whole bar is sticky anyway, so it would work fine in that regard I think.

One note, not totally relevant: Can we switch to a chevron rather than the back arrow? That's what we're using to indicate a sidebar item has a second-level of navigation:

Yeah we can definitely address that :)