How to create both top and left navigation menu in modern site?

Question

I want to create top and left navigation menu in modern hub site so that it should be accessible to all sub sites. If someone choose menu item from top navigation then based on that left navigation menu should change or show items. I also want to enhance the default color, style, look and feel of both the top navigation menu and left navigation menu.

I know we can create either top navigation menu or left navigation menu using 'Change the look' from Settings but do not know how to create it at both top and left. Could you please let me know how to achieve this?

Answer 1

Hi @Shailesh Jaiswal ,
According to my research, SPFx extension is indeed a better way.
And, the package ( menhttps://github.com/tom-daly/spfx-side-navigation ) work on modern team sites and all browsers (Chrome, FireFox, Edge).
*
If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Hi @Shailesh Jaiswal ,
According to my research and testing, as a hub site owner, I can see the navigation both of top and left automatically and edit the navigation.

Or in hub site, click Site Settings-->Navigation (Under look and feel Section), then you can go to the follow interface to set your navigation.

I found some articles for your reference, I hope it will be helpful to you.
https://support.microsoft.com/en-us/office/set-up-your-sharepoint-hub-site-e2daed64-658c-4462-aeaf-7d1a92eba098#bkmk_hubsitebasicsforsiteowners
https://support.microsoft.com/en-us/office/customize-the-navigation-on-your-sharepoint-site-3cd61ae7-a9ed-4e1e-bf6d-4655f0bf25ca
https://sharepointmaven.com/best-practices-on-hub-navigation-in-sharepoint-online/
Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.
*
If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.