search

khannakshat7 / Elektra

⚡ML powered Electricity Outage prediction⚡
https://elecktra.uc.r.appspot.com
MIT License
41 stars 84 forks source link

Responsiveness of the navigation menu #83

Closed rakupcode closed 3 years ago

rakupcode commented 3 years ago

I would like to suggest changes in the responsiveness of the nav-menu. After the nav-bar changes into a drop-down menu, the following stuffs appears. 2021-03-11_LI (2) 2021-03-11 (2)_LI

The icon and menu are far away. This seems a bit problematic. Either we can shift the icon to the right or shrink the menu to the left.

@khannakshat7 @CodesbyUnnati Can I work on this under gssoc21 ? If yes, comment with right or left.

Originally posted by @rakup4code in https://github.com/khannakshat7/Elektra/issues/30#issuecomment-796432468

abhishek96k commented 3 years ago

Hey @khannakshat7 I would like to work on this issue. Please assign this issue to me.

khannakshat7 commented 3 years ago

@rakup444 You can try both whatever seems good then we can discuss

rakupcode commented 3 years ago

Ok Thank you

Darsh2987 commented 3 years ago

Hi, do you still need help with this responsive nav menu?, Looking at the site it looks like there's still some styling and adjustments to do.

My thoughts -

When you open the mobile nav menu on desktop simulating mobile/small view width and THEN expand the view from mobile to a larger width the mobile nav overlay persists, this overlay should disappear as you expand the width from mobile/small view width to larger view width.

Also it may look better if you centre the menu items within the mobile menu overlay rather them being shifted to the left? For example take a look my portfolio and click the hamburger icon to view the menu. https://darsh2987.github.io/portfolio-2020/

thanks