Change the Background color of the top navigation for our site and add a button

Question

I have a modern communication site inside our SharePoint Online tenant, and we want to do the following modification to our top navigation area:-

1) Change the background color to be dark blue

2) Add a button on the top-right corner >> and when users click on this an external link will open.

Here is what we need to build:-

So can anyone advice how we can achieve the above 2 points?

Thanks

Answer 1

Hi @john john ,

Hopefully, this helps you.

https://support.microsoft.com/en-us/office/change-the-look-of-your-sharepoint-site-06bbadc3-6b04-4a60-9d14-894f6a170818

Answer 2

Hi @john john ,
If you want to change the global navigation in the modern experience, have a look at Application Customizers and use the header placeholder.
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions

===================================

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 3

you may add custom elements to the page header (not to navigation though) via application customizer: Use page placeholders from Application Customizer.