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

Better Responsiveness #51

Open
rmcarder opened this issue Jun 14, 2017 · 6 comments
Open

Better Responsiveness #51

rmcarder opened this issue Jun 14, 2017 · 6 comments

Comments

@rmcarder
Copy link
Collaborator

Full sidebar should show on load on any sized screen.

Browser zoom?

@mrkem598
Copy link
Contributor

I will be working on the responsiveness!

@rmcarder
Copy link
Collaborator Author

rmcarder commented Jul 20, 2017 via email

@mrkem598
Copy link
Contributor

I made some change on responsiveness and can you review the code and merge to the master!

@rmcarder
Copy link
Collaborator Author

@mrkem598 Have an issue now where at certain smaller screen sizes, the menu links disappear (on all pages) and the navbar turns black (on about and data pages only).

image

@mrkem598
Copy link
Contributor

I will work on it by tomorrow

@mrkem598
Copy link
Contributor

mrkem598 commented Aug 26, 2017

@rmcarder, I have added toggle navigation and modified HTML & CSS to improve the user experience both in larger and smaller screen device. See before and after:

Before: the menu bar will disappear starting at 768px width
before

After: the menu bar will toggle if screen size gets small(<768px). So that we can click the button and get the menu pop up to select the preference.

after-change

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

No branches or pull requests

2 participants