Mega Menu

Mega Menu

A mega menu is a navigation feature that provides users with a comprehensive overview of your website's menu items arranged in rows and columns. A well-designed mega menu can improve website usability, enhance navigation, and deliver a superior user experience. This can lead to increased engagement and higher conversion rates.

Benefits of a mega menu

  1. Boosts visitor experience through enhanced site navigation

  2. Organizes content using layout, typography, and imagery

  3. Increases user-friendliness by forming logical groups and categories

  4. Eliminates the need for scrolling by displaying all menu options at once

To add a mega menu

  1. Go to Configuration -> Menus.

  1. Click Add Menu.

  1. Provide a menu name and select the mega menu checkbox, then click Save.

Rows

By default, the mega menu has one row. The default row will have four columns.

 

 

 

To add a new row

  1. Click Add Row at the bottom.

  1. Select the layout and click OK.

To change the row layout

  1. Click the layout icon above the row name.

  1. Select the layout design. The row will automatically switch to the desired layout.

 
Selecting a layout with fewer columns than the current number will push the menu items (from the removed columns) to the end of the column that remains after this transition

To rearrange the row order

  1. Use the arrows beside the layout icon to move rows up and down to rearrange as you wish.

  

To delete a row

  1. Click the Delete icon.
  2. Confirm by clicking Delete once more.

  

Columns

To add new menu items

  1. Hover over the column and click Add Menu Item.



You can add pages, external links, files, blog categories, and text as menu items.

To add a Page as a menu item

  1. Hover over any box and click Add Menu Item.

  1. Select Page from the left panel.

  1. Choose a page from the drop-down.

  1. Provide the Menu item name.

  1. Choose to show as Text, Heading, or Image.

  1. Add a relevant icon if required.

  1. Enable the Highlight option to show the menu item in a different style. This is beneficial in case you wish to promote important links.

  1. Choose your Highlight style, then click Save.

    

  1. Hover over any box and click Add Menu Item.

  1. Select External Link from the left panel.

  1. Provide the External link URL.

  1. Enable the Open in new tab toggle if you wish to open the page in a new tab.

  1. Provide the Menu item name.

  1. Choose to show as Text, Heading, or Image.

  1. Add a relevant icon if required.

  1. Enable the Highlight option to show the menu item in a different style. This is beneficial in case you wish to promote important links.

  1. Choose your Highlight style, then click Save.

 

It is a good practice to open the link in a new tab so that customers aren't redirected from your website. 


To add a File as a menu item

  1. Hover over any box and click Add Menu Item.

  1. Select File from the left panel.

  1. Click Add File. You can add images, text, and PDFs as files. You can also add files from the image library via Google or Pixabay using the built-in search function.

  1. Provide the Menu item name.

  1. Add a relevant icon if required.

  1. Enable the Highlight option to show the menu item in a different style. This is beneficial in case you wish to promote important links.

  1. Choose your Highlight style, then click Save.

      

To add a Blog Category as a menu item

  1. Hover over any box and click Add Menu Item.

  1. Click Blog Category from the left panel.

  1. Choose a category from the Select category drop-down.

  1. Provide the Menu item name.

  1. Choose to show as Text, Heading, or Image.

  1. Add a relevant icon if required.

  1. Enable the Highlight option to show the menu item in a different style. This is beneficial in case you wish to promote important links.

  1. Choose your Highlight style, then click Save.

To add Text as a menu item

  1. Hover over any box and click Add Menu Item.

  1. Click Text from the left panel.

  1. Provide the Menu item name.

  1. Add a relevant icon if required.

  1. Enable the Highlight option to show the menu item in a different style. This is beneficial in case you wish to promote important links.

  1. Choose your Highlight style, then click Save.

Adding an icon can enhance the visual appeal of a mega menu, making it more attractive and easier to navigate. Using icons in a mega menu can also improve a website's usability and overall user experience, making it easier for visitors to find what they are looking for and navigate the site efficiently.

To rearrange menu items between columns

Drag and drop existing menu items to a different column to move them around within different columns.
Columns cannot be rearranged as a whole.

To rename or delete a mega menu item

  1. Click the More Options icon [] beside the menu item.
  2. Click Rename to change the name of the menu item.
  3. Click Delete to delete the menu item itself.
  4. Click Save.
 

    Zoho CRM Training Programs

    Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

    Zoho CRM Training
      Redefine the way you work
      with Zoho Workplace

        Zoho DataPrep Personalized Demo

        If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

        Zoho CRM Training

          Create, share, and deliver

          beautiful slides from anywhere.

          Get Started Now


            Zoho Sign now offers specialized one-on-one training for both administrators and developers.

            BOOK A SESSION









                                      You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                          Manage your brands on social media

                                            Zoho Desk Resources

                                            • Desk Community Learning Series


                                            • Digest


                                            • Functions


                                            • Meetups


                                            • Kbase


                                            • Resources


                                            • Glossary


                                            • Desk Marketplace


                                            • MVP Corner


                                            • Word of the Day


                                              Zoho Marketing Automation

                                                Zoho Sheet Resources

                                                 

                                                    Zoho Forms Resources


                                                      Secure your business
                                                      communication with Zoho Mail


                                                      Mail on the move with
                                                      Zoho Mail mobile application

                                                        Stay on top of your schedule
                                                        at all times


                                                        Carry your calendar with you
                                                        Anytime, anywhere




                                                              Zoho Sign Resources

                                                                Sign, Paperless!

                                                                Sign and send business documents on the go!

                                                                Get Started Now




                                                                        Zoho TeamInbox Resources



                                                                                Zoho DataPrep Resources



                                                                                  Zoho DataPrep Demo

                                                                                  Get a personalized demo or POC

                                                                                  REGISTER NOW


                                                                                    Design. Discuss. Deliver.

                                                                                    Create visually engaging stories with Zoho Show.

                                                                                    Get Started Now









                                                                                                        • Related Articles

                                                                                                        • Mega Menu

                                                                                                          A mega menu is a navigation feature that provides users with a comprehensive overview of all the menus on your website, arranged in rows and columns. When well-designed, a mega menu can improve website usability, enhance navigation, and deliver a ...
                                                                                                        • Different Menu Items

                                                                                                          You can add various types of items as menu on Zoho Sites. You start by adding Menu Item. Add Menu To add a new menu, go to Configuration -> Menus and click Add Menu. Provide a menu name, then click Save. Add a page as a menu item Go to Configuration ...
                                                                                                        • Visual Editor : Header

                                                                                                          Let's take a look at all of the features that come under Header: Site Name Site Caption Main Menu Sub Menu Mega Menu Menu Highlight Header Theme Top Bar Contact Info Social Icon Member Portal
                                                                                                        • Multiple Menu

                                                                                                          The Multiple Menu feature enables you to have more than one menu on any page, allowing quick navigation. You can either replicate the same menu across all your website pages, or create a new menu on every page. The menu that appears across every page ...
                                                                                                        • Menu Anchor

                                                                                                          Menu anchors are jump menus that can direct your audience to not just a page but a specific part of the page. By adding anchor links to your menu, you can improve navigation and guide visitors to specific sections of a page with ease. This saves time ...
                                                                                                          Wherever you are is as good as
                                                                                                          your workplace

                                                                                                            Resources

                                                                                                            Videos

                                                                                                            Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                            eBooks

                                                                                                            Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                            Webinars

                                                                                                            Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                            CRM Tips

                                                                                                            Make the most of Zoho CRM with these useful tips.



                                                                                                              Zoho Show Resources