Editing a Menu Bar
For this tutorial, we use an example site that uses the Detroit theme. Possibly, your website is utilizing a different site theme, and it may or may not have a menu bar yet. Even if it does, it might look different than the one portrayed in our example. This is not a problem as almost all menu bars look the same, and they're relatively easy to recognize.
To give you an idea of what a menu bar looks like, below are a few example screenshots of them.
Menu bar example #1
Menu bar example #2
Menu bar example #3
Menu bar example #4
The key to recognizing a menu bar is the horizontal grouping of its hyperlink elements. It looks similar to a site menu, but it has icons or images in each of its links. Our example menu bar screenshots show precisely that. All of their hyperlink elements are arranged horizontally.
From this point on, we'll use the word "links" to refer to hyperlinks or hyperlink elements.
- link text - This is the text that labels the link.
- link to - Where do you want the link to point or redirect to when it is clicked? The options are:
- Standard Page - Link to any internal page within site;
- External Website - Link to an external website or source (outside the site);
- Vehicle Type - Link to the Inventory page using the vehicle type;
- Category -
- An icon list where you can select the icon to represent your link.
- Change the link text to "Visit our Blog".
- For the "link to" property, choose "Standard Page" and select "Blog".
- For the link image, pick any icon you want.
- Click "Apply Changes" to update the properties of the link. The changes are reflected instantly.
To preview and test your changes, click "Preview Site". It's located on the left of "Save". A new window opens so that you can review and test your site.
Finally, if you are happy with your changes and want to push them to your live site, go back to the Site Builder page and click "Publish".