How to Edit and Customize Your Main Navigation Bar Menu

This guide provides step-by-step instructions on how to modify your website's navigation menu within PatientBase. The navigation menu is a crucial element of your site, offering visitors easy access to various sections. By customizing this menu, you can improve user experience, ensuring visitors find what they're looking for efficiently. We'll cover how to add, remove, and adjust menu items, including sub-menu items, and ensure your changes reflect well in desktop and mobile views.

1. Accessing the Menu for Editing
   • Hover over the navigation menu at the top of your site to reveal the edit option.
   • Click on "Edit Menu" to start making changes.

2. Adding Menu Items
   • To add a new item, select an existing page from your site or create a new one. You can choose from the list provided and then click to add it to the menu.
   • If necessary, rename the menu item to something different from the page title for clarity or brevity. For example, you can rename a page to "Contact" to keep it straightforward.

3. Organizing Menu Items
   • Arrange your menu items by dragging them to the desired position. If you want to create a sub-menu, simply drag a menu item underneath another and indent it to nest it as a sub-item.
   • Save your changes and preview the menu to ensure it appears as intended. This step helps visualize the menu's structure before finalizing.

4. Customizing Menu Colors and Appearance
   • Go into the menu settings to adjust the visual aspects, such as sub-menu colors. You can change the background color, hover color, text color, and the color for active menu items.
   • Experiment with different color combinations to match your site's design and branding. Once satisfied, save these settings.

5. Previewing Your Changes
   • After saving, preview your site to see how the new menu looks. Pay attention to the color scheme and layout to ensure everything is visually appealing and functional.

6. Understanding Mobile View Compatibility
   • If your site has two separate menus for desktop view, note that these will merge into a single menu in the mobile view for a streamlined experience. This automatic adjustment ensures that the navigation remains user-friendly on smaller screens.
   • You do not need to make separate changes for mobile view as PatientBase handles this transition smoothly.

7. Final Adjustments
   • Make any necessary adjustments based on how the menu appears in both desktop and mobile previews. The goal is to ensure that your menu is easy to navigate, visually appealing, and consistent with your site's overall design.

Conclusion

Customizing the navigation menu on your PatientBase site is a straightforward process that can significantly enhance the user experience. By following these detailed steps, you've learned how to add, organize, and modify menu items, including the creation of sub-menus and adjusting their appearance. Remember, a well-structured and visually appealing menu can guide visitors through your site more effectively, making it easier for them to find the information they need. Use these instructions to refine your site's navigation and ensure a smooth and engaging experience for all users.