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.
 

    Access your files securely from anywhere

      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 ...
                                                                                                              • 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 ...
                                                                                                              • Main Menu

                                                                                                                The main menu is a comprehensive one that contains links to all the main sections or pages of the website, guiding users to navigate easily and find the content they're looking for. The main menu serves as a preview of what's to come. You can make ...
                                                                                                                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