Title: Better Hamburger Menu about finveda HOT 29 CLOSED

It looks nice to me just decrease the height it must not take the full height of the sreen

from finveda.

@Agarwalvidu @ayush-that please check

from finveda.

@VijaySamant4368 can please share your sample design

from finveda.

Go ahead!

from finveda.

@Agarwalvidu @deepeshmlgupta how does this look?
https://github.com/user-attachments/assets/03bb0478-9b9e-4418-81ff-9f5d87f950e9

I have yet to do some minor details, but this is the main part.
I would like to know your opinion before going forward.

from finveda.

from finveda.

@Agarwalvidu @deepeshmlgupta should I change the design? Or should I proceed with this?

from finveda.

How it will look like in mobile view?

from finveda.

And only with icons one will get confused what page is about what.

from finveda.

@Agarwalvidu To be honest, I had different ideas for showing only Emojis in as the links. My idea for nav-bar with full links display are limited. Here is a general one:

from finveda.

I think this is same as previous one🥲

from finveda.

Try this one
https://codepen.io/zakandaiev/pen/RwwBvrJ

from finveda.

I think this is same as previous one🥲
Oh I just noticed it. I am really sorry for the disappointment, I am currently just out of ideas.

from finveda.

Try this one https://codepen.io/zakandaiev/pen/RwwBvrJ

On it.

from finveda.

@Agarwalvidu please have a look at this:

The colors and the items in the nav-bar can be changed without much hassle.

from finveda.

This looks nice to me. Please go ahead with this one. One suggestion you can add a box around the nav items and make it more creative

from finveda.

All right, I will!!!

from finveda.

@Agarwalvidu I think that adding a box around the nav-items inside the hamburger-menu, will make it feel very much different than the original menu.
I have this in my mind:

from finveda.

It gives a similar feel as the original nav-bar.

from finveda.

@Agarwalvidu these are the screenshots for different height:

70%:

90%:

100%:

I believe it is better looking at 100%, can you please provide your opinion?
Thanks.

from finveda.

I took screenshot for comparatively wider width for better visualization.

from finveda.

Yes 100% one is looking good!
Finally raise the PR.

from finveda.

Make sure it will not cover the whole width, as it is looking good in this width!

from finveda.

For less wider screen:
70%:

90%:

100%:

from finveda.

Make sure it will not cover the whole width, as it is looking good in this width!

Al right!

from finveda.

Whichever suits you best, I am liking the 70% most!

from finveda.

Ok, I will make it 70% then.

from finveda.

I am sorry but there seems to be a problem for height of 70%. For screens with less width, 70% will be quite compact, and a lot of things would have to be adjusted. SO I think we should avoid unnecessary extra fragility to the responsive nature.

from finveda.

Okay!

from finveda.