Make group dropdown for each section in Navbar

[akshatnema]

Reason/Context

With the increase in the number of options inside navigation, it now needs to get converted into dropdowns in the mobile view so that we don't face any further issues with so many options inside the Navbar. I see that website Navbar is already very elongated inside the mobile view which is not good from the user's point of view.

Screenshot

Description

Group the sections of the Navbar (like Docs, Tools, etc.) inside each dropdown so that the Navbar is quite precise on the mobile and is not so much scrollable as it is right now.

[ShubhamAXS19]

can i work on this issue ??

[akshatnema]

Hey @ShubhamAXS19 , there's already a PR opened for this issue by @prajjwalkapoor. Kindly resolve other open issues in the website.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity 😴

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience ❤️

[sujaltangde]

Hey @akshatnema can I work on this ?

[Adityacodesinpython]

Hello Team, Can I start working on this issue?

[akshatnema]

Yeah @sujaltangde @Adityacodesinpython, you can work on this issue

[TheEques]

Hey @akshatnema, since there was no activity on this issue, I went ahead and created a PR.

[scientest]

Hey @akshatnema Can I work on this. ?
It sounds like optimizing the navigation for mobile is a good move. Dropdown menus can help declutter and improve user experience. Have you considered how the hierarchy of options will be structured within the dropdowns?

[scientest]

i make a simple dropdowns using HTML, CSS
HTML code

<title>Document</title>

Home Services

More

About Contact

CSS code .navbar { overflow: hidden; background-color: #333; }

.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

/* Dropdown button styling */
.dropdown {
float: left;
overflow: hidden;
}

.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}

please can i work on this?

[akshatnema]

Hey @scientest, @TheEques has already created PR and worked on this issue. Kindly look into other issues as well and contribute to them.

[Ravi3727]

@akshatnema can I work on this issue? or is this issue already solved?

[hemanth-kumar-boddeda]

Hi @akshatnema @ShubhamAXS19 @sujaltangde @Ravi3727 @scientest @Adityacodesinpython @TheEques @derberg @alequetzalli @gabel @char0n @dunithd @paulgear please check #2584 and need your feedback

[sambhavgupta0705]

Closing it as completed