Look of the navbar on mobile component.

[Gitstar-OC]

Hey, I have checked the website and it looks that you are still planning to figure out how this will look on mobile.

This is what current ui of website without navigation configuration to fumadocs looks like

and Octo docs look like this at first

and then when the developer or user scrolls it changes to

Leaving the 3 buttons that has been added without any choice.

What are some optimal solutions for this

1st solution

,

We can use this one by adding all of the links inside it along with the changing theme option. We will also need to add the root layout and for this `we will need to configure the root layout so that it will be only available on mobile in the navbar. And this will also solve the issue as the links that are added in the sidebar appears at the top.

2nd solution

What we can do here is that we can make the fumadocs navbar completely transparent and move the icons of the navbar to the left side. and it will work properly.

Minor changes include

• Adding some links only visible on mobile or tablets
• Making the size of both the navbar same ( on mobile)

This are the 2 solutions that I am currently thinking of for this. If you have any ideas or working on this thing please tell me.

[Gitstar-OC]

Also you can use the footer that I have created for additional links which fits on mobile instead of adding them on navbar, for your documentation.

Click Here