Table of Contents
Desktop Menu is the second Menu Customization option that you will find while customizing your Responsive Menu. It further consists of four Sub Menu options specifically:
In the coming part of this documentation, we will learn more about what each submenu option further consists of and what is it intended to do.
In Desktop Menu’s General Setup you can adjust the appearance of your Menu by adjusting the Menu’s Width, Position, Alignment, and select the transition effect for the menu. You can also delay the transition to get the perfect transition speed. It also lets you hide the original menu to display a new responsive desktop menu.
Set the desktop menu view’s background to a single color, or apply a gradient between two colors.
It also has the option to set up a mega menu by including existing WordPress menus and add various other blocks like Pages, Calendar, Categories, RSS Feeds, and more in the form of rows and columns and customize it as per your requirement.
It also lets you configure the functioning and set how you want to display the Desktop menu and what happens when a user scrolls away from the active menu.
Desktop Menu -General Setup
Background Settings
Desktop Menu – Mega Menu Setup 1
To configure the Mega Menu you first need to choose the menus to show in the Mega Menu Setup. For that, you need to toggle the button beside the menu name and then hit the settings icon.
Now, you will see a window opens up. Initially, the window will be blank and just a button to add a row will be visible. Now, to begin the configuration process you need to hit that button and select the structure of your new row.
You can select any row structure from the presented 10 structures with variable columns. Choose the one that will perfectly suit your menu. You can have any number of rows in your Mega Menu.
After adding the row with the chosen row structure the menu gets divided with the various column blocks.
Depending on the number of columns and their acquired area. Each column size can be extended or contracted with the help of the double-sided arrows. The column can be expanded to the length of 12 and can be reduced to 1.
Desktop Menu – Mega Menu Setup 2
You can add various other WordPress Widgets inside your columns by pressing the + (plus) icon.
Get all the information related to Widgets here
You can adjust the Column Padding, Background Color and Background Hover Color for an individual column in the row. For that, you need to hit the Pencil Icon
Desktop Menu – Mega Menu Setup 3
You can change the sequence of widgets and arrange them as per the requirement by drag and drop over one another.
You can Also, the sequence of individual rows can be changed by drag and drop over one another.
Desktop Menu – Behaviour
With this option, you can adjust the Menu behaviour and set how the menu performs or unfurls itself with the user action. You also get the option to hide the menu on the scroll.
Mega Menu Widgets
Mega Menu Configuration majorly depends on what widgets you choose. Here you have the option to add 15+ Widgets to your Menu. These widgets can be added inside the columns by pressing the + (plus) icon
Following are all the WordPress widgets you can use on your Mega Menu:
Mega Menu Widgets – Pages
With the Pages Widget, you can display various pages from your website on your Mega Menu. To configure this you need to specify the Page Title, choose how you need the pages to be sorted, and denote the Page Ids of those pages that need to be excluded from the same.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Calendar
With the help of the Calendar Widget, you can display a calendar of your site’s posts on your Mega Menu. You just need to choose a calendar card and mention the calendar title which you want to display.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Archives
With the help of the Archives Widget, you can display a monthly archive of your site’s Posts on the menu. You need to mention the Archives title and whether you want to display it as a dropdown and also with the posts count.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Audio
With the help of the Audio Widget, you can display an audio player on the Mega Menu. For that, you need to add an audio file by selecting from one of the existing files in your WordPress Media Library or get it uploaded fresh from your computer.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Image
With the Image Widget, you can add an image file by selecting from one of the existing files in your WordPress Media Library or get it uploaded fresh from your computer.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Gallery
With the help of the Gallery Widget, you can add an image gallery to the menu by selecting images from the existing files in your WordPress Media Library or get it uploaded fresh from your computer.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Video
With the help of the Video Widget, you can display a video from the media library or from YouTube, Vimeo, or another provider.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Meta
With the help of the Meta Widget, you can add meta Login, RSS, & WordPress.org links.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Search
With the help of the Search Widget, you can add a search form for your site option to your menu.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Text
With the help of the Text Widget, you can display some Arbitrary text to your menu. You have the option of formatting the text and adding other media.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Categories
With the help of the Categories Widget, You can display various categories from your website on your Mega Menu. To configure this you need to specify the Category title and whether you want to display it as a dropdown along with the posts count and hierarchy.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Recent Posts
With the help of the Recent Posts Widget, You can display your site’s most recent posts on your Mega Menu. To configure this you need to specify the Posts Title, set the number of pages to show, and choose whether to display the post date or not.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Recent Comments
With the help of the Recent Posts Widget, You can display your site’s most recent comments on your Mega Menu. To configure this you need to specify the comments Title and set the number of comments to show.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – RSS
With the help of the RSS Widget, You can display the Entries from any RSS or Atom feed directly on your Mega Menu. To configure this you need to specify the RSS Feed URL and give the feed a title. Also, you need to select the number of items you would like to display along with the Item Content, Item Author, and the Item date.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Tag Cloud
With the help of the Tag Cloud Widget, You can display a cloud of your most used tags generated directly on your Mega Menu. To configure this you need to specify a title and mention from where you need to pick up the tag names for the cloud. Also, you will have the option to display the tag count.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Navigation Menu
With the help of the Navigation Menu Widget, you can display a navigation menu on the mega menu. You will have the option to select which menu you want to display.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.
Mega Menu Widgets – Custom HTML
With the help of the Custom HTML Widget, you can add an arbitrary HTML code block to the mega menu.
After you’ve made the required changes hit the Save button or press Done by which it automatically gets saved. If you need to discard the card, press the Delete button and the card will be deleted.