ThimPressThimPress ThimPress
  • Home
  • Best Deals
    • Eduma – Education WordPress Theme – $439 $69 Only!
    • Eduma Mobile – React Native LMS Mobile App for iOS & Android – $149 $54 Only!
    • Storepify – Minimal Multipurpose Shopify Theme – $89 $29 Only!
    • Sailing | Hotel WordPress Theme – $54 Only!
    • LuxStay – Hotel & BnB WordPress Theme – $54 Only!
    • Coaching – Life And Business Coach WordPress Theme – $54 Only!
    • Course Builder – Online Course WordPress Theme – $49 Only!!
    • StarKid – Kindergarten WordPress Theme – $44 Only!
    • IvyPrep – Education & School WordPress Theme – $44 Only!
  • LearnPress
    • LearnPress – LMS WordPress Plugin
    • LearnPress Add-Ons
    • LearnPress PRO Bundle
    • LearnPress Store
    • Eduma Mobile App
    • LearnPress Mobile App
  • Plugins
    • All
    • LearnPress Add-Ons
    • Create Courses Add-Ons
    • Manage Courses Add-Ons
    • Sell Courses Add-Ons

    Plugins33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    LearnPress Add-Ons33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    Create Courses Add-Ons7

    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Frontend Editor 690x460px
    Frontend Editor Add-On for LearnPress
    Assignments 690x460px
    Assignments Add-On for LearnPress
    Random Quiz 690x460px
    Random Quiz Add-On for LearnPress

    Manage Courses Add-Ons17

    live course
    Live Course Add-On for LearnPress
    Certificates 690x460px
    Certificates Add-On for LearnPress
    Gradebook 690x460px
    Gradebook Add-On for LearnPress
    WPML addon 690x460
    WPML Add-On for LearnPress

    Sell Courses Add-Ons7

    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Stripe add on for LearnPress 690x460px
    Stripe Add-On for LearnPress
    2Checkout add on for LearnPress 690x460px
    2Checkout Add-On for LearnPress
  • Themes
    • All
    • Education Themes
    • Shopify Themes
    • Hotel Themes
    • WordPress Blog & Magazine Themes
    • Free

    Themes14

    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme
    course builder
    CorpTrain | Corporate Training WordPress Theme
    onelms education wordpress theme
    OneLMS – Education WordPress Theme

    Education Themes7

    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme
    course builder
    CorpTrain | Corporate Training WordPress Theme
    onelms education wordpress theme
    OneLMS – Education WordPress Theme

    Shopify Themes1

    Storepify - Minimal Multipurpose Shopify Theme
    Storepify – Minimal Multipurpose Shopify Theme

    Hotel Themes3

    Sailing Hotel WordPress Theme
    Sailing | Hotel WordPress Theme
    hotel
    LuxStay | Hotel & BnB WordPress Theme
    luxhotel hotel & bnb wordpress theme
    LuxHotel – Hotel WordPress Theme

    WordPress Blog & Magazine Themes3

    megabuilder
    MegaBux | Construction WordPress Theme
    magwp
    Magie | Magazine WordPress Theme
    magazette travel
    Magazette | News & Magazine WordPress Theme

    Free1

    education pack
    Education Pack: #1 Free Education WordPress Theme
  • Blog
    • WordPress Theme Collections
    • WordPress Plugin Collections
    • Shopify
    • Education & LMS
    • Marketing & SEO
    • Tutorials & Docs
  • Our Services
    • Customization
    • Maintenance Service
    • Hosting Service
    • Advertise
  • Help Center
    • Support Forums
    • Ticket Center
    • Documentation
    • Knowledge Base
    • FAQs
    • Contact us
  • 0
  • Sign in

    Sign In

    Lost your password?

    Not a member yet? Sign up now

    Lost Password

    Please enter your username or email address. You will receive a link to create a new password via email.

    Are you a member? Sign in now

Back
  • Home
  • Best Deals
    • Eduma – Education WordPress Theme – $439 $69 Only!
    • Eduma Mobile – React Native LMS Mobile App for iOS & Android – $149 $54 Only!
    • Storepify – Minimal Multipurpose Shopify Theme – $89 $29 Only!
    • Sailing | Hotel WordPress Theme – $54 Only!
    • LuxStay – Hotel & BnB WordPress Theme – $54 Only!
    • Coaching – Life And Business Coach WordPress Theme – $54 Only!
    • Course Builder – Online Course WordPress Theme – $49 Only!!
    • StarKid – Kindergarten WordPress Theme – $44 Only!
    • IvyPrep – Education & School WordPress Theme – $44 Only!
  • LearnPress
    • LearnPress – LMS WordPress Plugin
    • LearnPress Add-Ons
    • LearnPress PRO Bundle
    • LearnPress Store
    • Eduma Mobile App
    • LearnPress Mobile App
  • Plugins
    • All
    • LearnPress Add-Ons
    • Create Courses Add-Ons
    • Manage Courses Add-Ons
    • Sell Courses Add-Ons

    Plugins33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    LearnPress Add-Ons33

    LearnPress Pro Bundle (690x460)
    LearnPress PRO Bundle
    LearnPress Semi-Pro Bundle (690x460)
    LearnPress Semi-Pro Bundle
    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    live course
    Live Course Add-On for LearnPress

    Create Courses Add-Ons7

    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Frontend Editor 690x460px
    Frontend Editor Add-On for LearnPress
    Assignments 690x460px
    Assignments Add-On for LearnPress
    Random Quiz 690x460px
    Random Quiz Add-On for LearnPress

    Manage Courses Add-Ons17

    live course
    Live Course Add-On for LearnPress
    Certificates 690x460px
    Certificates Add-On for LearnPress
    Gradebook 690x460px
    Gradebook Add-On for LearnPress
    WPML addon 690x460
    WPML Add-On for LearnPress

    Sell Courses Add-Ons7

    WooCommerce add on for LearnPress 690x460px
    WooCommerce Add-On for LearnPress
    Paid Memberships Pro 690x460px 1
    Paid Memberships Pro Add-On for LearnPress
    Stripe add on for LearnPress 690x460px
    Stripe Add-On for LearnPress
    2Checkout add on for LearnPress 690x460px
    2Checkout Add-On for LearnPress
  • Themes
    • All
    • Education Themes
    • Shopify Themes
    • Hotel Themes
    • WordPress Blog & Magazine Themes
    • Free

    Themes14

    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme
    course builder
    CorpTrain | Corporate Training WordPress Theme
    onelms education wordpress theme
    OneLMS – Education WordPress Theme

    Education Themes7

    Eduma - Premium LMS WordPress Theme
    Eduma | LMS WordPress Theme
    Coaching | Life and Business Coach WordPress Theme
    Coaching | Life & Business Coach WordPress Theme
    course builder
    CorpTrain | Corporate Training WordPress Theme
    onelms education wordpress theme
    OneLMS – Education WordPress Theme

    Shopify Themes1

    Storepify - Minimal Multipurpose Shopify Theme
    Storepify – Minimal Multipurpose Shopify Theme

    Hotel Themes3

    Sailing Hotel WordPress Theme
    Sailing | Hotel WordPress Theme
    hotel
    LuxStay | Hotel & BnB WordPress Theme
    luxhotel hotel & bnb wordpress theme
    LuxHotel – Hotel WordPress Theme

    WordPress Blog & Magazine Themes3

    megabuilder
    MegaBux | Construction WordPress Theme
    magwp
    Magie | Magazine WordPress Theme
    magazette travel
    Magazette | News & Magazine WordPress Theme

    Free1

    education pack
    Education Pack: #1 Free Education WordPress Theme
  • Blog
    • WordPress Theme Collections
    • WordPress Plugin Collections
    • Shopify
    • Education & LMS
    • Marketing & SEO
    • Tutorials & Docs
  • Our Services
    • Customization
    • Maintenance Service
    • Hosting Service
    • Advertise
  • Help Center
    • Support Forums
    • Ticket Center
    • Documentation
    • Knowledge Base
    • FAQs
    • Contact us
  • Home
  • Tutorials & Updates

How to Create a WordPress Dropdown Menu?

Article In Tutorials & UpdatesBy Sally Do - February 12, 2022

No one wants to have poor navigation features in their websites, right? These matters cause a bad user experience and high bounce rate. Plus, visitors have trouble playing around and find what they need on your website quickly. So it’s time for you to create a WordPress Dropdown Menu!

A dropdown menu is basically a menu showing a list of links when you hover move mouse to an option on the menu. If you notice, most websites use this kind of menu. You can check by taking your mouse to our menu and see it.

So in this guide today, we’ll show you steps to create a dropdown menu on your website. Let’s dive in!

Table of Contents

  • Why Use Dropdown Menus in WordPress?
  • How to Create a WordPress Dropdown Menu?
    • Step 1: Choosing a Theme with Dropdown Menu Support
    • Step 2: Creating a Navigation Menu in WordPress
    • Step 3:  Creating Sub-Items in a Navigation Menu 
    • Step 4: Publish Your Dropdown Menu 
  • Some Tips When Creating Interactive WordPress Dropdown Menus
    • Allowing to Make Multi-level Dropdown Menus
    • Allowing to Create Multiple WordPress Dropdown Menus 
    • Create Menus with a Live Preview 
  • Final Thoughts

Why Use Dropdown Menus in WordPress?

If your website is built with WordPress platform, you can easily make a WordPress Drop Down Menu without requiring any code. 

These menus include options that link to your website pages. You can find navigation menus quickly on the top of your site and next to your website’s logo. 

wordpress dropdown menu thimpress

Please note that if you have just started a blog or a basic website with some pages, you can add them in the single row. However, if you are having a large site, you definitely need to add more options to the navigation menu. 

These menus are the perfect solution for the limited space matter by using menu links when visitors hover their mouse to each parent item. Moreover, you can divide and organize your menu structure based on topics or hierarchy. These help your site looks amazing and impress visitors as well.

thimpress wordpress dropdown menu

How to Create a WordPress Dropdown Menu?

Step 1: Choosing a Theme with Dropdown Menu Support

To display the Drop Down Menu WordPress, we have to access your WordPress theme since most themes come with menu support. So how can you know if your theme has the dropdown menu feature? It’s easy by visiting the theme’s website and finding the theme demo’s link. 

Read more:  WordPress User Roles: What Are They and How to Use Them? 

If that demo shows a dropdown menu in the navigation menu, then you can create these menus now. If not, you have to find a theme that supports the features.

We have listed some of the great themes that offer the WordPress Dropdown Menu such as: Eduma, Astra, Oceanwp, Ultra, Divi.

– Eduma: It’s a best-selling WordPress education theme on Themeforest marketplace. You can use it to create any education websites such as academy, school, lms, etc.

– Astra: This is a multipurpose WordPress theme. You can download it easily for free via WordPress.org. If you go with premium versions, there are a dozen starter sites to choose from.

– Oceanwp: It’s a free theme and you can use it for creating all kinds of sites.

– Ultra: It’s a famous WordPress theme and created from Themify builder.

– Divi: Divi does not use a 3rd-party builder plugin since they have their own page builder and offers a lot of amazing features. All levels can use Divi easily without coding skills.

Step 2: Creating a Navigation Menu in WordPress

Firstly, you have to open your WordPress dashboard -> find Appearance -> select Menus -> click create a new menu link in the Edit Menus tab.

create menu wordpress dropdown menu

Then type the Menu Name and click Create Menu. Visitors will not see this menu name on your website. It is just for identifying each menu easily in your admin area.

menu name wordpress dropdown menu

Next, you’ll see a new empty menu to add menu items to your navigation menu. They will appear in the top row of your website menu.

Read more:  WordPress Change Domain: Guide and Tips (2023)

After selecting the pages you need to add into the menu from the left side, click Add to Menu so your pages will be displayed in the new menu. There are blog posts and categories to select too. Add custom links is available as well.

add to menu

Step 3:  Creating Sub-Items in a Navigation Menu 

When hovering your mouse to your WordPress Dropdown Menu, you will see sub-items. To have these sub-items, you have to add them under existing items. 

We will go to Categories to make sub-items as an example.

Firstly, select items in Categories and click Add to Menu. All those items now will be in the right column. 

menu items

However, it looks the same with others. So you have to make these items to be sub-items. 

Simply drag a menu item and drop it below the parent item you want. Then you should move it slowly to the right side and it will immediately become a sub-item.

adding a subitem

Do it again for others to make your WordPress Dropdown Menu.

When you’re done, click Save Menu to save all your changes.

Step 4: Publish Your Dropdown Menu 

In the Menu Settings, there are different locations to choose for displaying these new menu items. It depends on the theme to define the menu locations. 

For example, you choose Primary Menu in Display location and click Save Menu to publish your Dropdown Menus in WordPress.

choose theme location

Now is the time to visit your site to see how it looks.

preview dropdown menu

However, if your WordPress Dropdown Menu is live on your website and you just edit it, you don’t have to do anything since all changes will appear on your website right away.

Read more:  Adding Membership plans in LearnPress for your education WordPress website

Some Tips When Creating Interactive WordPress Dropdown Menus

When visitors visit your website and they want to read more information, WordPress Dropdown Menus are exactly the first place to find. Hence, you should correctly create these menus to keep users staying around on your website longer with your useful content. Of course, it’ll help to increase your site’s pageviews, conversions, and even sales.

So let’s work through our few tips below while creating your interactive dropdown menus.

Allowing to Make Multi-level Dropdown Menus

Apart from making a sub-item under your parent item, you can also create another sub-item below the existing sub-item as well. It means your website can have multi-level dropdown menus. Find how it looks in our WordPress Dropdown Menu image example below.

multi level menus

When moving each sub-item to the right, your theme will automatically show “sub item” in each dropdown.

multilevel submenu

Allowing to Create Multiple WordPress Dropdown Menus 

It’s possible to create multiple level dropdown menus and of course, you can create multiple dropdown menus in your website.

multiple dropdowns

Create Menus with a Live Preview 

Another way to help you see your WordPress Dropdown Menu look while creating is to switch to the live preview. 

Let’s open your WordPress dashboard -> Appearance -> Customize to use the live customizer.

Find the Menu tab and select the navigation menu to open the menu editor, you can drag and drop each item and see your changes right away on your screen right side.

customizer menus

Final Thoughts

Hopefully, you enjoy our guide today and understand How to Create a WordPress Dropdown Menu clearly. Surely, your live menu will be useful, easy to use, and increase user experience with high performance.

Read More: Beginner’s Guide: How to Change WordPress Theme?

TAGS: education wordpress themepage builderWordPresswordpress guidewordpress pluginwordpress theme

Related Articles

the best personal trainer wordpress theme 2023: list of top 5

The Best Personal Trainer WordPress Theme 2023: List Of Top 5

education wordpress website built with learnpress

9+ Best Education WordPress themes powered by LearnPress LMS

learnpress payment lms wordpress plugin

LearnPress Payment Settings: The All-in-one tutorial

$69
Education WordPress Theme | Eduma

Live DemoBuy Theme

$54
Coaching | Coaching WordPress Theme

Live DemoBuy Theme

$49
CorpTrain | Corporate Training WordPress Theme

Live DemoBuy Theme

$54
Hotel WordPress Theme | Sailing

Live DemoBuy Theme

$54
Hotel & BnB WordPress Theme | LuxStay

Live DemoBuy Theme

$44
Charitix | Nonprofit Charity WordPress Theme

Live DemoBuy Theme

$44
IvyPrep | Education & School WordPress Theme

Live DemoBuy Theme

$44
Restaurant WordPress Theme - Resca

Live DemoBuy Theme

ADD-ONS FOR LEARNPRESS

  • Combo LearnPress Pro Bundle (690x460)Read more

    LearnPress PRO Bundle

    $610 $299

    The next level of LearnPress - LMS WordPress Plugin. More Powerful, Flexible and Magical Inside.

  • Combo LearnPress Semi-Pro Bundle (690x460)Read more

    LearnPress Semi-Pro Bundle

    $210 $149

    5 Most Powerful as well as Most Wanted Premium LearnPress Add-ons. Compact but Fabulous.

  • Add to cart

    WooCommerce Add-On for LearnPress

    $49

    Easy to connect WooCommerce to your LMS website, easy to sell your courses online with no obstacle.

  • Add to cart

    Live Course Add-On for LearnPress

    $19

    Create courses and live video meetings using Zoom or Google Meet Use shortcode to show the meeting content.

  • Add to cart

    Certificates Add-On for LearnPress

    $39

    Add Drag & Drop certificates builder as well as select designed certificates templates for each LMS course.

  • Add to cart

    Gradebook Add-On for LearnPress

    $39

    Track process and result of students in each LMS course. Allow to export the gradebook to CSV.

thimpress logo

We are a company that is passionate about developing products to help you build your business online. Our very first priority is to guarantee our customers’ experience and satisfaction.

"ThimPress" is a brand of "PhysCode LLC".
Address: 14936 DILLOW ST, #V301, Westminster, CA 92683.
Email: [email protected]


COMPANY

  • Privacy Policy
  • Terms & Conditions
  • Refund Policy
  • Item Support Policy

AFFILIATE

  • Become an Affiliate
  • Affiliate Terms & Policies

SUPPORT

  • Documentation
  • Forum
  • How to get help

PRODUCT

  • WordPress Plugins
  • WordPress Themes
  • Shopify Themes
  • Advertise
  • Partner

FIND US ON

  • Facebook
  • Twitter
  • Envato
  • Youtube
Designed by ThimPress. Powered by WordPress.
DMCA.com Protection Status
  • Terms & Conditions
  • Documentation