How to Change the Top Navigation Bar in SharePoint Online

Users can create, distribute, and manage material using SharePoint Online, a web-based platform for collaboration and document management. It has a top navigation bar with connections to the site’s various sections, including libraries, lists, and pages. You can change the navigation bar’s default settings so that it only shows the links that are most relevant to you.

Follow these steps to modify the top navigation bar in SharePoint Online: As an administrator or a user with design or full control access, log into your SharePoint Online site. 2. Select “Site Settings” from the dropdown menu by clicking the gear symbol in the top right corner of the page. 3. To access the Navigation Settings page, click “Navigation” under the “Look and Feel” section. Structural Navigation and Managed Navigation are the two options you will find for navigation. While Managed Navigation uses a term set to produce a flexible and configurable navigation menu, Structural Navigation builds its navigation menu using the hierarchy of the pages and subsites on your site. Select the choice that most closely matches your needs. 5. Select the “Add Link” button to add a link to the navigation bar. Choose whether you want the link to open in a new window after entering the URL and display name. 6. Select “Delete” from the drop-down menu when you click on the arrow next to a link in the navigation bar to remove it. 7. Click on the arrow next to a link in the navigation bar and choose “Move Up” or “Move Down” to change the order of the links.

1. Log in as an administrator or a user with design or full control capabilities to your SharePoint Online site. 2. Select “Site Settings” from the dropdown menu by clicking the gear symbol in the top right corner of the page. 3. To access the Master Page Settings page, click “Master page” under the “Look and Feel” section. 4. To add a unique CSS file to your website, click “Alternate CSS URL” on the Master Page Settings page.

5. After uploading your own CSS file, save the modifications.

6. To change the font color in the navigation, open the custom CSS file and enter the following code: ul.root li.static

.ms-core-listMenu-horizontalBox > a

color of

#your_color_code; The hexadecimal value of the color you wish to use should be substituted for “your_color_code”.

Weebly is a website builder that enables users to construct websites without any prior knowledge of coding. Let’s move on to creating a menu in Weebly. The steps below can be used to construct a menu in Weebly:

1. Open the website editor after logging into your Weebly account. 2. In the top navigation menu, select “Pages”. 3. To add a new page, click the “Add Page” button. 4. Select “Main Navigation” under the “Navigation” menu. 5. To add a link to the menu, click the “Add Menu Item” option. 6. Type the link’s name and URL and click “Save”.

7. To add more links to the menu, repeat steps 5 and 6. 8. To reorder the links in the menu, drag and drop the individual items. 9. To save the changes, click “Save”.

1. Open the website editor after logging into your Weebly account. 2. In the top navigation menu, select “Pages”. 3. Select the page that you wish to change. 4. Modify the page as needed using the HTML/CSS editor or the drag-and-drop page builder.

5. To save the changes, click “Save”.

In summary, altering the top navigation bar in SharePoint Online is a quick and easy operation that only requires a few basic steps. Additionally, you can alter the navigation’s font color by including custom CSS on your website. Weebly’s menu creation and page editing are both simple tasks that only require a few clicks to complete.