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