Companion Theme Documentation
Theme PageChangelogCreate a Ticket
  • Companion - WordPress Theme for Business Consulting
  • General
    • System Requirements
    • What's Included In My Purchase
    • Where Is My Purchase Code?
    • Theme License
    • Hosting
    • How to Get Support
    • Feature Request
  • Installation & Activation
    • Companion Installation
    • Common Installation Errors
    • Theme Activation
    • Multiple Websites on One License
    • License Key Deactivation
    • Activation FAQ
  • Getting Started
    • Import The Demo Content
    • Switch Between Different Demos
    • How To Update Companion
    • System Status
  • Theme Options
    • General
    • Colors
    • Typography
    • Sidebars
    • Archive Pages
    • Post Types
    • Page 404
    • Custom CSS
    • Import/Export
  • Blocks and Content
    • Header
    • Before Footer
    • Footer
    • Menus
    • Setting up Content Pages and Posts
    • Blog page
    • Services
    • Events
    • Cases
    • Portfolio
    • Adding Custom Icons
  • Companion Widgets
    • Accordion
    • Advanced Tabs
    • Advanced Title
    • Blockquote
    • Breadcrumbs
    • Case Banners
    • Cases Grid
    • Charts
    • Circle Text
    • Contact Form 7
    • Contact Info
    • Event List
    • Event Countdown
    • Event Program
    • Featured Content Carousel
    • Footer Menu
    • Icon Box
    • News Grid
    • News List
    • Newsletter
    • Our Services
    • Post Navigation
    • Portfolio
    • Pricing Table
    • Search
    • Services Grid
    • Team Carousel
    • Team Member
    • Testimonials Carousel
    • Upcoming Events
  • Integrations
    • Google Maps
    • Mailchimp
    • WooCommerce
  • Translation & Localization
    • Translation Basics
    • Translation Preparation
    • Theme Translation
    • Translations Update
  • Extra Materials
    • Demos
    • Changelog
  • stylemixthemes
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Creating Your First Custom Navigation Menu
  • Creating Drop-Down Menus
  • Adding Categories to Menu
  • Adding Categories of Post types to Menu
  • Adding Custom Links to Navigation Menus
  • Editing or Removing a Menu Item in Navigation Menus
  • Adding Menus in Sidebars, Header, and Footer
  1. Blocks and Content

Menus

PreviousFooterNextSetting up Content Pages and Posts

Last updated 2 years ago

There are two navigations on the site – Header menu and Footer menu, so you can adjust them under Appearance > Menus

This is standard WordPress functionality, you can choose from the pages, post categories, or custom links.

Creating Your First Custom Navigation Menu

To create a navigation menu, you need to visit the Appearance > Menus page in your WordPress admin dashboard. First, you need to provide a name for your menu, like "Top Navigation Menu", and then click the Create Menu button.

Next, you can choose the pages you want to add to the menu. You can either automatically add all new top-level pages, or you can select specific pages from the left column.

First, click the ‘View All’ tab to see all your site’s pages. After that click the box next to each of the pages you want to add to your menu, and then click on the ‘Add to Menu’ button.

Once your pages have been added, you can move them around by dragging and dropping them.

This way you can change their order and rearrange them.

Creating Drop-Down Menus

Drop-down menus sometimes called nested menus, are navigation menus with parent and child menu items. When you run your cursor over a parent item, all the child items will appear beneath it in a sub-menu.

To create a submenu, drag an item below the parent item, and then drag it slightly to the right. We’ve done that with two sub-items beneath ‘Blog’ in our menu:

You can even add multiple layers of dropdowns so that your sub-menu can have a sub-menu.

Adding Categories to Menu

You may want to add your Post categories as a drop-down in your WordPress menu. You can easily add categories to your menu by clicking the Categories tab on the left side of the menus screen. You may also need to click the View All tab to see all your categories.

Simply select the categories you want to add to the menu, and then click the Add to Menu button.

Adding Categories of Post types to Menu

You can add Services, Events, Cases, and Portfolio post types to the menu as well. To do that, click on Screen Options from the top right of the screen and select post types:

Adding Custom Links to Navigation Menus

Aside from categories and pages, WordPress also makes it super easy to add custom links to your menu. You can use it to link to your social media profiles, your online store, and other websites that you own.

You will need to use the ‘Custom Links’ tab on the Menu screen. Simply add the link along with the text you want to use in your menu and click the ‘Add to Menu’ button.

Editing or Removing a Menu Item in Navigation Menus

When you add pages or categories to your custom navigation menu, WordPress uses the page title or category name as the link text. You can change this if you want.

Any menu item can be edited by clicking on the downward arrow next to it.

You can change the name of the menu item here. This is also where you can click ‘Remove’ to take the link off your menu altogether.

If you’re struggling with the drag and drop interface, then you can also move the menu item around by clicking the appropriate ‘Move’ link.

Adding Menus in Sidebars, Header, and Footer

You can add the widgets for these sidebars through the Dashboard > Appearance > Widgets section. There find the Sidebar section, and then give it a click to expand. Then click the ‘+’ sign at the top and add the ‘Navigation Menu’ widget block to your sidebar:

Go to the Dashboard > Appearance > Elementor header & footer builder and start editing the Header. Select the Navigation Menu widget from the menu bar on the left-hand side of your screen then drag and drop it into the selected area.

You will get a window with the basic setting options under the Content tab and you need to choose one of the available Menus:

You can add the Navigation menu to the Header part of your website using the Elementor Header & Footer plugin following the .

You can add the Navigation menu to the Footer part of your website using the Elementor Header & Footer plugin and using the .

previous section
Footer menu widget