Basic Settings and Appearance
- To change the navigation bar position in Weebly, tap on the settings to choose either a top or bottom position.
- To change the text color in Weebly navigation, go to the “Settings” tab and under “Navigation” select a color.
- To change your logo, go to the General section.
- To align the logo left, add a div tag above the logo div tag.
Navigation Menu and Theme
- To customize the navigation menu, click the “Menu” button then “Customize Navigation”. You can add and reorder links.
- To change the navigation bar icons on Android, go to settings and select the navigation bar. You can change buttons order and add new ones.
- To change Weebly theme, click "Change Theme" and preview through the options.
Adding Content and Dropdown Menus
- To add content, go to the Build tab and drag elements onto the page. The section expands as you add more.
- To create a dropdown menu, edit the navigation bar links. Add subpages by dragging pages underneath the main ones.
Importance of Navigation Bars
A website navigation bar is most commonly displayed as a horizontal list of links at the top of each page. It is always placed before the main content of the page. This type of navigation bar is also called a sidebar, since it appears to the side of the primary content. Some websites have both a horizontal navigation bar at the top and a vertical navigation bar on the left side of each page.
Key Components of a Website
The five most vital components of a website page include:
- Navigation
- Headers and title tags
- Body content
- Images
- Social buttons
Well-thought-out navigation is effective in increasing visitor interest and duration of visit.
Design Consistency
Navigation bars often take shape as a vertical menu on the left-hand side or as a horizontal menu at the top. To help users find the navigation bar faster, it should stand out and be consistent with these common placements.
Effective Navigation
The navigation bar is a cornerstone of website design, reflecting your brand’s professionalism and improving user experience. A navigation bar should be comprehensive and concise, guiding users to essential content without overwhelming them.