Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile view sidebar is too dominant #236

Open
joyously opened this issue Jun 18, 2018 · 6 comments
Open

Mobile view sidebar is too dominant #236

joyously opened this issue Jun 18, 2018 · 6 comments

Comments

@joyously
Copy link
Contributor

Viewing an article such as https://wp-helphub.com/article/settings-media-screen/ on a mobile device is disorienting. As seen in this screenshot, I couldn't see the page name in the address bar or in the page, and it looks like all I have is a list of categories. (I first thought the page didn't work.) But it's only the sidebar! And it's taking up all the space above the fold. It needs to be folded or last or pushed off-screen left or something.

screenshot_20180618-134318

@zzap
Copy link
Member

zzap commented Aug 20, 2018

It's been decided to remove sidebar with filter (as a first draft) so that we can put it back if needed.

https://wordpress.slack.com/archives/C02RP4WU5/p1534780326000100

@mapk
Copy link
Collaborator

mapk commented Aug 20, 2018

I like the decision to remove it right now. If we hide it behind another hamburger menu, there will then be two hamburger menus on the mobile screen along with the nav in the blue bar as well.

I'm really starting to think that the Support section of the site shouldn't utilize the main black header at all. Any thoughts on this?

@joyously
Copy link
Contributor Author

Well, on the staging site the mobile menu isn't working, so removing the sidebar makes it hard to test anything. And you want to remove the black part? Does that mean the menu also? and the search? What's left?

I personally don't like dead end pages, or that feel like a dead end because there's only the main menu to get to other pages (no sidebar, no Next/Prev links). I guess there are a few links in the footer...
Really, all this needs is relocation(to be after the content instead of before) and a little less padding on mobile.

@mapk
Copy link
Collaborator

mapk commented Aug 21, 2018

@joyously yes, I'm proposing to remove the black header in place of something more helpful for the user who is seeking help in the docs. It wouldn't be a dead end page. Of course there would be links to get back to the robust header and site.

My suggestions are definitely more overall IA related that involve a lot of thought. If we want to just throw up a simple solution and move the sidebar down below the content, that's totally possible.

I believe it's always best to think of things as a greater whole first, and then talk through ideas. Quick solutions can sometimes cause further problems down the road.

@joyously
Copy link
Contributor Author

I believe it's always best to think of things as a greater whole first, and then talk through ideas. Quick solutions can sometimes cause further problems down the road.

I agree, and that's why I wouldn't want to remove the sidebar or the black part.
But having the sidebar before the content is bad for SEO and also for usability.

@zzap
Copy link
Member

zzap commented Aug 25, 2019

How about we use search form and the_post_navigation() instead of sidebar on mobile. I think setting the posts nav in the same taxonomy term and making that order more logical would be useful.

Current state:
single-mobile-sidebar

Without sidebar:
single-mobile

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants