How to Add a Mega Menu on Your WordPress Site - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress WPBeginner Video: How to Add a Mega Menu on Your WordPress Site.
Looking to add a mega menu to your WordPress site? Mega menus allow you to add multi-column drop-down menus to your navigation with media items such as images and videos. In this video, we will show you how to add a mega menu to your WordPress site.

Mega Menus are helpful for sites that have a massive amount of content and are designed to show more content in the top menu. WordPress navigation menus by default let you add drop-down submenus and image icons but can take up a large amount of space. A mega menu allows you to bulk add items to your menu.

For this tutorial we will be using the plugin Max Mega Menu found here:

https://wordpress.org/plugins/megamenu/

With the plugin installed and activated you will want to go to the Mega Menu section to go to the plugin's settings. The default settings for most should work but you will normally need to update the colors of the menu. To do that you will go to Menu Themes, Menu Bar, and find the menu background settings.

You can use inspect element to determine the color of your current menu. If you do not know how to use Inspect element, we cover how to in our article:

http://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/

Don't forget to save your changes to your Mega Menu settings and go to Appearance, Menus. Add some top-level menu items as you would normally add to your menu then click on the mega menu button that appears when you hover over a menu item. This will cause a new popup for editing the mega menu specific options.

In here you can add any WordPress widget that you would like to appear in your menu area. To modify the settings for a specific widget you would want to click the wrench icon in the top right of each widget.

Text version of this tutorial
http://www.wpbeginner.com/plugins/how-to-add-a-mega-menu-on-your-wordpress-site-step-by-step/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com

Published: Sunday, August 11, 2019 9:38 AM
Category: Wordpress WPBeginner

92 Views

Related Videos

Popular
Neve Mega Menu Tutorial: Easy WordPress Mega Menu Without Plugin

by Best Webhosting Added 4 years ago 109 Views / 0 Likes

When using Neve as your WordPress theme and you want to spice up your Primary Menu with a Mega Menu, then you should follow these steps: • Download the theme (free): http://bit.ly/NeveWPTheme We've made it easy to set up a basic mega menu within the theme itself by using CSS classes. • 0:23 - Start by accessing the Menus settings under Appearance on your dashboard, or go to Customizer, and then navigate to Menus. I stay on the dashboard where the firs
WordPress. How To Manage Mega Menu

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

This tutorial is going to show you how to manage Mega Menu in WordPress template. Want to Build WordPress Site in 5 Hours? Subscribe to this course: http://www.templatemonster.com/website-5-days.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts174 Build your website with templates from TemplateMonster.com: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts174 Subscribe Our Channel: http:
Shopify. How To Manage Columns Count In The Mega Menu Menu Items

by Best Webhosting Added 4 years ago 87 Views / 0 Likes

This tutorial shows how to manage columns count in the Megamenu menu items in Shopify. Enjoy Shopify Templates from TemplateMonster: http://www.templatemonster.com/shopify-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=shfytuts86 More Shopify Video Tutorials: https://www.youtube.com/playlist?list=PLhQIfRNfwAod93xXBmMfBlo6oH9HcjKNj Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook https://www.faceboo
Create a Mega Menu in Wordpress | Enfold

by Best Webhosting Added 4 years ago 81 Views / 0 Likes

Create a Mega Menu in Wordpress using the Enfold theme.
How To Build A Mega Menu In Hestia WordPress Theme

by Best Webhosting Added 4 years ago 79 Views / 0 Likes

We've made it easy to set up a basic mega menu within Hestia WordPress theme by using classes. First of all, you must create a new menu. Go to Dashboard • Appearance • Menus. Click on Screen Options at the top and make sure that the CSS Classes option is enabled. If it's not, make sure you enable it. Follow the timestamps to navigate the video: 0:55 - #1 The root item 1:44 - #2 The columns 2:59 - #3 The headings 3:57 - #4 Dividers 4:28 - #5 The menu i
Shopify. How To Add Drop-Down Menu To Mega Menu

by Best Webhosting Added 4 years ago 94 Views / 0 Likes

This tutorial shows how to add drop-down menu to Mega Menu in price in Shopify. Enjoy Shopify Templates from TemplateMonster: http://www.templatemonster.com/shopify-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=shfytuts82 More Shopify Video Tutorials: https://www.youtube.com/playlist?list=PLhQIfRNfwAod93xXBmMfBlo6oH9HcjKNj Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook https://www.facebook.com/T
Astra Pro Series | Mega Menu

by Best Webhosting Added 4 years ago 95 Views / 0 Likes

In this video series I talk about all the elements of all the premium packages of the Astra theme. In this video I talk about the Mega Menu within the Astra Pro Package. Besides that you can even import an Elementor template as a menu item. Example website: https://astra.ferdykorpershoek.com
Magento. How To Work With Mega Menu

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

This video tutorial is going to show you how to work with Mega menu in Magento template. Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts234 Discover more about Ketty Magento Theme: http://www.templatemonster.com/magento-themes/53638.html?utm_source=youtube&utm_medium=link&utm_campaign=magtuts234 More Magento Video Tutorials: https://www.youtube.com/playlist?lis
Shopify. How To Manage Mega Menu

by Best Webhosting Added 4 years ago 84 Views / 0 Likes

This tutorial shows how to manage Mega menu in Shopify template. Choose Your Shopify Template Now: http://www.templatemonster.com/shopify-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=shfytuts41 Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook https://www.facebook.com/TemplateMonster/ Twitter https://twitter.com/templatemonster Instagram @template_monster Pinterest https://www.pinterest.com/templa
WP Mega Menu - Installing & Setup

by Best Webhosting Added 4 years ago 73 Views / 0 Likes

https://mythemeshop.com/plugins/wp-mega-menu/ WP Mega Menu is the best WordPress Menu plugin to create stunningly beautiful and responsive WordPress Menus. Useful WordPress Themes Links: WordPress Blog Themes - https://mythemeshop.com/theme-category/wordpress-blog-themes/ WordPress Business Themes - https://mythemeshop.com/theme-category/wordpress-business-themes/ WordPress eCommerce Themes - https://mythemeshop.com/theme-category/wordpress-ecommerce-
Magento. How To Work With Mega Menu

by Best Webhosting Added 4 years ago 92 Views / 0 Likes

In this tutorial we will show you the main possibilities of the mega-menu extension in Magento. We will teach you how to manage it and also how to assign a static block to a category. How to: 1:00 login into admin panel https://youtu.be/VwIL4tUQzR4?t=1m1s 2:05 options that allow to customize menu https://youtu.be/VwIL4tUQzR4?t=2m5s Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&ut
Magento 2.x. How To Manage The Mega Menu

by Best Webhosting Added 4 years ago 90 Views / 0 Likes

This video tutorial is going to show you how manage the Mega menu. We've transcribed this video tutorial for you here: http://www.templatemonster.com/help/magento-2-x-manage-mega-menu.html Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts275 More Magento Tutorials: http://www.templatemonster.com/help/ecommerce/magento/magento-tutorials/?utm_source=youtube&utm_med