Changing the Main Menu on Sites

 

Discover how to customize your website's navigation menu with ease, including adding a dedicated tab for prayer requests, About us, etc. Our guide covers creating drop downs, adding and updating menu items, reordering, and deleting options to streamline your site's layout. 

 

Tithely Tip

For optimal website navigation and user experience, we advise limiting your main menu to 5-7 items. This ensures your site remains uncluttered and user-friendly, guiding visitors smoothly to essential information.

 

file-j5ot8neQEd.png

Before we start, here are some helpful definitions 📖

Menu Label

This is what you see on your website menu. Example: About Us, Giving, News.

Menu Link

The Link is where you want the user to go when they click on the menu. This could be a link to a page on your site, or it could be a different website.

Events link "/events"

News link "/news"

file-wX0eS1nJ3O.png

User Permissions needed to access Sites
Account Owner, Admin, Limited Acess User with permissions granted for Sites, or Admin Permissions granted directly on the Tithely Site. If you have additional questions, please reference this article.

Change the Main Menu

  1. Login to your Tithely Site.
  2. Click on the Admin button at the top right of your website and select Menus from the dropdown.
  3. From here, you can Add a Menu Item, Change a Menu Item, Re-order the Menu, or Delete a Menu Item. See detailed instructions for each below. 
  4. All changes are saved automatically.
    file-ZHHbVHI9XS.png

Add a Menu Item

  1. Click the Add Link button. 
    file-por7Esj0eZ.png
  2. Enter your new menu item label. This is what the menu item will display on the website.
  3. Enter your menu item link. This is where you would like the menu item to take people to. See how to use the dropdown selector below.
    Screen Shot 2022-06-01 at 12.25.06 PM.png
  4. Select your visibility for the menu item.

    All = All Website visitors can see this menu item.

    Logged In = Only logged-in website users can see this menu item.

    Admin Only = Only logged-in website admins can see this menu item.
    Screen Shot 2022-06-01 at 12.26.22 PM.png

  5. Select if you'd like this menu item to open on the same page or in a new tab.
    Screen Shot 2022-06-01 at 12.26.29 PM.png
  6. Click Save Link.

Sticky Menu

You can select if you'd like your main menu fixed at the top of your website as a user scrolls through your pages.
To make your menu sticky, navigate to Admin > Design > Main Menu. Toggle on the Sticky option and select Save Main Menu.

Screen Shot 2022-06-24 at 6.00.18 PM - Megan Elrick.png

Note: When logged into the site as an administrator, the Sticky Menu feature will not display.

 

Using the Dropdown Selector

You can quickly and easily link to any area of your Tithely Site using the dropdown selector. Click the dropdown and select the area you'd like to link to.
Example: If you have a particular page you want to link the menu item to, select Pages. Then a secondary dropdown menu will appear. You can select the exact page to connect the menu item to here. Click Save Link to save your changes.

Screen Shot 2022-05-25 at 10.51.00 AM - Megan Elrick.png

Manual Link Entry

To determine what the link should be, go to the page you want to create a link for and check the link in the address bar of your browser.
For example, if you wanted to link to the Children's Ministry, you would type in '/ministries/children-ministry' to the link tab.

🌟 Tithely Tip: When linking to an internal page on your site, you only need to grab everything after the .com/.ca/org.

file-GHJiWC8TFj.png

Change a Menu Item

  1. Login to your Tithely Site.
  2. Click on the Admin button at the top right of your website and select Menus from the dropdown.
  3. Click the 3 dots (more options) to the right of the menu item you want to change.
    file-ZHHbVHI9XS.png
  4. Select Edit, and update your menu label or link.

Reordering the Menu

  1. Login to your Tithely Site.
  2. Click on the Admin button at the top right of your website and select Menus from the dropdown.
  3. To change the order of the menus, click, drag and drop the re-order handle found beside each menu item.
    file-OhPDBeQK6X.png

Dropdown Menus

Creating dropdown menus in Tithely Sites is easy! Just follow the directions below, and you'll be done in no time!

  1. Login to your Tithely Site.
  2. Click on the Admin button at the top right of your website and select Menus from the dropdown.
  3. Click the 3 dots (more options) button on the right of the Menu item you'd like to create a dropdown for and select Add Link.
    file-ocPVLSNUAP.png
  4. Add the menu Label (menu item name) and the page link, and click Save Link.
    file-0LlMGWXPkn.png

Your dropdown has now been created. To change the order of the dropdown menus, click on 'Re-order.' Next, click, drag and drop the re-order handle found beside each menu item.

The dropdown menu will be visible once the user clicks on the menu item with a dropdown (we do not currently have a hover state for the dropdown menu).

file-k25IKEpEVl.png

Delete a Menu Item

To delete a menu item, navigate to the menus page.
Click the 3 dots (more options) on the right side of the menu item you want to delete. Then select delete.

Note: Deleting a menu item will not delete the page/program on your website. It will delete the menu item linking to that page. You can still access your site content by navigating to Admin > Content.

Was this article helpful?
0 out of 0 found this helpful