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 superior user experience. This can lead to increased engagement and higher conversion rates.
To edit the Mega Menu on Visual Editor:
- Go to your dashboard, click Customization, and choose Visual Editor (or click the palette icon on the right side of your builder).
- Once the Visual Editor tool opens, scroll down and select Advanced, then click Mega Menu under the Header tab.
- Under the General tab, you can change the Background color (of the mega menu), add Boxshadow color (a subtle shadow effect around the mega menu), Divider color (color of vertical lines between the mega menu columns), and Megamenu backdrop background color (which adds a color to the website backdrop when you hover over mega menu).
- If you have added icons to your menu options, you can adjust their width, height, and gap (between the icon and the menu text).
- If you have added a menu item as Text, you can enable the Show as Heading toggle to make edits to it under the Heading tab of Mega Menu. You can change the font style, font thickness, font size, font color and letter case, and the hover text color.
- You can make the same changes to the mega menu text under the Text tab.