Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
stylenone

Basic Nav

Editing the Basic Nav is generally pretty simple and straightforward.

...

In the Source Code, you will see the nav setup laid out with all of the current nav options already in place.

image-20241007-191909.png

Adding a new page to the top-level menu

To add a new page to the top-level menu, you can either copy an existing page with no dropdown and edit it to have the appropriate URL and title, or utilize the following basic code to add a menu item.
<li><a href="/URL">NAV TITLE</a></li>

Please note that if the URL is supposed to open in a new window (for example, a link to another site like Google Maps, a parts store, etc) you should use the following basic code instead:
<li><a href="/URL" target="_blank">NAV TITLE</a></li>

image-20241007-191806.png

Adding a new page to a sub-menu

To add a new page to a sub-menu, you can either copy an existing page in the sub-menu and edit it to have the appropriate URL and title, or utilize the following basic code to add a sub-menu item.

...

Please note that if the URL is supposed to open in a new window (for example, a link to another site like Google Maps, a parts store, etc) you should use the following basic code instead:
<li><a href="/URL" target="_blank">NAV TITLE</a></li>

Adding a new dropdown item to the top-level menu

To add a new dropdown item to the nav, you can either copy and existing dropdown, or use the following basic code.

...

Once you have added your item to the nav snippet, you can exit out of the Source Code mode, and Save & Publish the snippet.

Mega Menu Nav

Mega Menus tend to have more complicated setups, additional CSS styling, and oftentimes images or icons are included as well. This makes them a little more difficult to add items to. A few common additions or changes are broken down below.