How to Create a Vertical Navigation Menu in WordPress

How to Create a Vertical Navigation Menu in WordPress

Last Updated on June 21, 2022 by Oluwatuyi

Are you looking to create a vertical navigation menu in WordPress?

In WordPress, navigation menus can be displayed horizontally or vertically. Vertical menus offer a number of advantages, such as fitting your website’s sidebar better and being easier to navigate on mobile devices.

In this article, we’ll show you how to create a vertical navigation menu in WordPress.

What Is a Navigation Menu?

A navigation menu is a list of links pointing to important areas of a website. They are usually presented as a horizontal bar of links at the top of every page on a WordPress website.

Navigation menus give your site structure and help visitors find what they’re looking for. You can add links to your most important pages, categories or topics, WordPress blog posts, and even custom links such as your social media profile.

But while you often see them placed horizontally at the top of a website, vertical navigation menus have many uses and advantages.

With that being said, let’s take a look at a number of ways to create a vertical navigation menu in WordPress.

How to Create a Vertical Navigation Menu in WordPress

Try Different Menu Display Locations

When you add a navigation menu to your website, it will be displayed either vertically or horizontally. This depends on your theme, as well as the menu location you select.

The number of menu locations that are available depends on the theme you are using. You may find that some of these locations display the menu vertically.

To test this with your theme, you need to navigate to Appearance » Menus. Here you can experiment to see which locations are available on your website and how they are displayed.

Adding a Vertical Navigation Menu to the Sidebar

No matter what theme you’re using, it’s easy to add a vertical navigation menu to the sidebar using a widget.

First, you’ll need to create a navigation menu that you want to display, if you haven’t already.

Then you need to navigate to Appearance » Widgets. From here, simply click the blue ‘+’ block inserter button found at the top of the page, and drag the Navigation Menu block onto the sidebar.

navigation menu

After that, you can give the widget a name and select the menu you wish to display from the drop down menu.

Creating a Vertical Navigation Menu on a Post or Page

You can add a vertical navigation menu to posts and pages in a similar way.

First, you need to create a new post or edit an existing one. After that, you need to click the blue ‘+’ block inserter button at the top of the page, and then drag the Navigation block onto the page.

navigation post

Next, you need to choose which menu will be displayed. Simply click the ‘Select Menu’ button on the toolbar and select the desired menu.

Finally, you need to look at the block’s settings in the left hand pane. There you will find two buttons for the menu’s orientation. You will need to click the down arrow button to orient the menu vertically.

Adding a Vertical Navigation Menu Using the Full Site Editor

The new full site editor allows you to customize your WordPress themes using the block editor. It was released in WordPress 5.9, and it enables you to add different blocks to your templates to create a unique design.

To add a navigational menu using the full site editor, you need to go to Appearance » Editor from your WordPress dashboard. Once you’re in the editor, go ahead and click on the navigational menu that appears at the top of the website header.

Next, you’ll need to click on the ‘Select Navigation’ button on the toolbar.

Now you’ll see different options to customize the navigational menu on the panel on the right. One of those options is whether to display the menu with a horizontal or vertical orientation.

Simply click the Down arrow for vertical orientation to create a vertical menu.

Creating a Drop Down Menu in WordPress

A dropdown menu looks like a normal horizontal navigation menu at the top of the screen, but when you hover your mouse over one of the items, a vertical submenu is displayed.

If you have a website with a lot of content, then a dropdown menu allows you to organize the menu structure by topics or hierarchy. This will show more content in a limited space.

To display a dropdown navigation menu on your website, you will need to choose a theme with dropdown menu support. After that, you need to create the navigation menu, and then add sub-items to some of the menu entries.

To display a dropdown navigation menu on your website, you will need to choose a theme with dropdown menu support. After that, you need to create the navigation menu, and then add sub-items to some of the menu entries.

Creating a Mega Menu in WordPress

A mega menu lists multiple menus vertically across the page. They’re similar to dropdown menus, except all of the submenus are displayed at once, allowing users to quickly and easily find your very best content.

Mega menus are highly engaging and interactive because they combine the best of horizontal and vertical menus to show a helpful overview of your website’s contents on a single screen.

If you have any issue on this, you can use our comment session or join our delegate on facebook to solve any issues related to WordPress and subscribe to our YouTube Channel for WordPress video tutorials.

Share this Post

Leave a Comment

Your email address will not be published.

Scroll to Top