Make the navbar responsive

[mugisha23]

I think we should make the navbar looks better on small screens.

I don't have a clear idea on how it should look like but i think there's something to improve. @lionel-k @muco-rolle what do you think

[lionel-k]

I agree we should work on it.

We could have something like this: https://www.w3schools.com/howto/howto_js_mobile_navbar.asp Let's implement the vertical one. What do you think ?

[image: Screenshot 2021-01-06 at 12.28.50.png]

On Wed, Jan 6, 2021 at 12:17 PM Mugisha Charbel Michael < notifications@github.com> wrote:

I think we should make the navbar looks better on small screens. [image: navbar] https://user-images.githubusercontent.com/20721985/103762506-12885700-5021-11eb-870f-183604fc1abd.PNG

I don't have a clear idea on how it should look like but i think there's something to improve. @lionel-k https://github.com/lionel-k @muco-rolle https://github.com/muco-rolle what do you think

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/burundiarxiv/open-library/issues/30, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAIUZSE6QPPVEITWOLBDNXDSYRBEFANCNFSM4VXMRTUA .

[lionel-k]

![Uploading Screenshot 2021-01-06 at 12.30.05.png…]()

[mugisha23]

yeah, I also prefer the vertical one. I think it's fine if I start to work on it ?

[mugisha23]

I don't know what happened but I'm unable to see the screenshot you sent.

[lionel-k]

Yes. That would be great

On Wed, Jan 6, 2021, 13:52 Mugisha Charbel Michael notifications@github.com wrote:

yeah, I also prefer the vertical one. I think it's fine if I start to work on it ?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/burundiarxiv/open-library/issues/30#issuecomment-755282174, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAIUZSHNVBH7EQPJJL6ESSDSYRMJNANCNFSM4VXMRTUA .

[mugisha23]

I'm strugling to make the navbar responsive, I'm may need some guidance. I managed to make the toggle appear on the screen but have 2 problems:

• the toggle appear on all screen size even tough i used the media query
• I also don't see how i can put those navbar element into the toggle. Also can't find a way to setup a function that wll handle the event .I used the ressource you gave me, also did some search on google but it still not working. Any kind of help is welcome

[lionel-k]

Can you please open a Pull Request with the code you already have and I will take a look and see how I can guide you..