Navigation Bar Block
Article Topics: Blocks, Design
Overview
The Navigation Bar Block adds a horizontal navigation bar to a page, helping visitors easily move through your site. It works together with your Theme's Menu Settings, where the actual navigation links are configured.
While the Navigation Bar Block controls the visual layout of the navigation, the Theme's Menu Settings define the actual menu items, such as links to CMS pages, static URLs, or the join form.
For a full breakdown of how to manage a Theme's Menus with Navigation Blocks, check out our Menus & Navigation article.
Navigation Bar Settings
Design Tab
The Design tab provides settings for controlling the look and behavior of the navigation bar.
Under the Navigation Layout section, you can choose from several layout types:
Display just a logo
Display a logo and a single menu
Display two menus with or without a logo
Once you've selected a layout that includes the addition of menu items, you'll also see options to:
Choose which menu item within your theme to display
Set the alignment of the menu item, whether that is left, center, or right.
These menus are configured in your Theme's Menu tab. Any changes made in the Menu tab, like link order or destination, will automatically be adjusted on every block that uses that menu.
The Header Logo section allows you to:
Enter a URL for your logo image.
Set the page destination once a visitor clicks the logo.
This is especially useful if you would like the logo to act as a link to the landing page.
The Mobile Setup section lets you control how the navigation bar behaves on smaller screens. You can set the behavior of the navigation bar and the minimum screen size in pixels that the behavior will take place on.
Menus & Navigation
As mentioned above, the Navigation List Block only controls the design and layout of the block, the links themselves that appear within the block are controlled by a Theme's Menu settings.
Click the link below to learn more.
Menus & NavigationRelated Articles
Block TypesMenus & NavigationLast updated
Was this helpful?