Navigation | The Humane Club Made with Humane Club
Hi 👋 I'm Dhara, the founder of Humane Club. We are now selectively onboarding.
Software & training to maintain your web presence
Humane replaces workarounds, messy plugins, and daily frustrations with built-in workflows, effortless organization, and clever features that levels-up WordPress in meaningful ways. Also, get insights on how to write copy and run your site.
Start a conversation
Send us an email
Start a conversation
Humane replaces workarounds, messy plugins, and daily frustrations with built-in workflows, effortless organization, and clever features that levels-up WordPress in meaningful ways. Also, get insights on how to write copy and run your site.

Navigation

Published Nov 19, 2020
Updated Mar 25, 2021

Quick summary

  • Who can do it? Administrators, Editors
  • How to reach it? Marketing > Navigation

What, Why

Your website’s navigation structure has a huge impact on conversions, sales, and bounce rates. If visitors can’t figure out where to find what they want, they’ll leave. That’s the last thing you want. Instead, create clear, hierarchical website navigation that helps your visitors find what they want instantly.

Navigation is all all about using good information architecture: “the art of expressing a model or concept of information used in activities that require explicit details of complex systems.”

We support following type of navigations

  • Site Header
  • Sister Site Header
  • Secondary Header
  • Site Footer

This is how header looks on the homepage. It is broken down into two parts. The first row shows the rectangular logo on top left corner, site description and login, bookmark icons if you have enabled login wall for the site. We call this sister site header. The second row shows all the links. If the links do not fit it and have child links too, it goes in the mega dropdown. We call this as site header.

Site level header on homepage

This is how main header looks on rest of the pages. It is compressed down into one top row with all the links inside the mega dropdown. The size of the logo reduces and site description is not shown.

Compressed header view for rest of the pages

When you open the mega dropdown, this is how it looks — main links, sub links and social icons.

Site level header Navigation with multiple links showing information architecture of the site

You can also add call to action at the bottom of every page. We call it as footer CTA.

This is how site footer looks. It shows all main links and sub links along with social icons and copyright text.

Site level footer

How

How to create menu?

Click on “Create a new menu” link in the blue.

Give name to the menu and the click on create menu.

How to add links to menus?

Once the menu is created, go to left “Add menu items” panel and tick mark the links that you want to add. You can add pages, posts, events, aggregations, categories, tags, formats, presentations, data stories and also create custom links

Once the links are add, save the menu. Also, based on where do you want to add links, set the menu as header, footer or sister site header

How to delete menu?

On the bottom left of the menu, you will see red link “Delete menu”. Click on it to delete the menu. You will be prompted with alert box asking for the confirmation. Click on Ok. The menu will be permanently deleted.