Mega Menu

Mega Menu

Setup a Mega Menu using Elementor Pro and Crocoblock Jet Menu

  1. Be sure the Jet Theme Core plugin is installed and active
  2. Settings for the Crocoblock Jet menu are found in Crocoblock\Jet Plugins Settings
    • These are global settings for the Jet Menu for styling and functionality
  3. Create the Main Menu for the site (set it to be the Primary menu display location)
    • Enable Jet Menu for the Primary Menu
  4. Open the Theme builder: Templates\Theme Builder
    • Create a new header template for the site
      • Add a new section to the page
      • 3 columns, full width and stretch
      • Insert the Mega Menu widget into the middle column
      • Select the menu to be the ‘Main’ primary menu
      • Save the template e.g.: Main Mega Header
      • Set display conditions to: Entire Site
  5. Create a new menu for each tab in the Main menu where the mega menu will be used
    • Add pages or custom links to the menu
    • Save it as: <tab name>megasubmenu (this menu can also be used anywhere else in the site)
  6. Go back and select the Main Menu to edit
    • Select the menu tab that you want to setup a mega menu (if you don’t assign a Jet Menu to it, the navigation will be the default)
    • Click on the ‘Jet Menu’ button
    • Enable ‘mega sub menu’
    • Edit the sub mega menu settings
      • Mega Content
      • Item icon
      • Item badge
      • Advanced
      • Vertical Menu widget
    • With the Mega Content tab selected click on the ‘Edit Mega Menu Item Content’
      1. A new page is created and displayed in the editor
        • Add a new section
        • Minimum height = 70%
        • Style the section
          1. Background=black for example
        • Add a regular pro ‘nav’ widget to the section
        • Select the nav menu to be the new menu created for that main menu tab
          1. Dropdown
          2. Adjust styling as desired
          3. Duplicate the columns if desired
        • Add additional columns
        • Add widgets to the columns as desired

Share:

More Posts

Out-Of-Office Autoreply

How do you setup an Out-Of-Office autoreply in Outlook https://support.microsoft.com/en-us/office/use-rules-to-create-an-out-of-office-message-9f124e4a-749e-4288-a266-2d009686b403?ui=en-us&rs=en-us&ad=us Open Outlook Select File from the main menu If you see a button that says

Changes to Microsoft 365

Beginning 1st of March 2022, the only option available to purchase Microsoft 365 or Office 365 will be the new commerce experience (NCE) What are

How to change your Time Zone

Here’s a quick video on how to change your time zone in Windows 10 Play Video Steps: Right mouse click on the date/time area on

Windows 11 upgrade

Microsoft has released Windows 11 today 10/5/2021 Utah Micro does not support Windows 11 for our MSP customers Utah Micro is not supporting Windows 11

Send Us A Message