Megamenu config

Go to Admin -> Online Store -> Themes -> Customize -> Sections -> Megamenu

Section settings:

  • Settings for Level 1: Color for main navigation links of megamenu.
  • Settings for Dropdown: Menu dropdown’s background, text & link color.

Block settings: Each block will be a main navigation link & it’s dropdown. We have 4 type of dropdown.

1. NORMAL MENU ITEM

  • Title: Title of main navigation link.
  • URL: URL of main navigation link.
  • Menu: Choose the navigation will be show on dropdown.
  • Settings for Label: Text & background of main menu item’s badge.

2. ADVANCED MENU ITEM

  • Title: Title of main navigation link.
  • URL: URL of main navigation link.
  • Menu: Choose the navigation will be show on dropdown.
  • Hide title menu: Hide or show megamenu(parent), only show the child of megamenu.

  • Settings for Label: Text & background of main menu item’s badge.
  • Dropdown width: The width of dropdown will have 100% width of megamenu if this option is enabled.
    • Normal
    • Full Width: The width of dropdown will have 100% width of site.

Full Width Container: The width of dropdown is 1200px.

  • Dropdown columns: Number of columns will show inside of the dropdown.
  • Custom dropdown width: Only works with the dropdown width value normal. Leave it blank if you want to the width default of dropdown columns.Ex: Dropdown 3 columns no custom width

  • Background image: Background image for this block.
  • Settings for Static content: Text & width of the static content inside of the dropdown, includes: top, right, bottom, left static content.

Settings for Banner:

  • Show banner: Hide/show banner in this block.
  • Banner width: Width of banner. This setting only works when setting “Banner Position” value “Right” or “Left”.Ex: The banner width is 2 columns, banner position is right and dropdown columns width is 6 columns. So the megamenu will have 4 columns.

  • Settings for Article:
    • It’s the same as megamenu banner above.
    • Show article: Hide/show article in this block.
    • Article width: Width of article. This setting only works when setting “Article Position” value “Right” or “Left”.

3. STATIC MENU CONTENT

  • Title: Title of main navigation link.
  • URL: URL of main navigation link.
  • Menu: Choose the navigation will be show on dropdown.
  • Fullwidth dropdown: The width of dropdown will have 100% width of megamenu if this option is enabled.
  • Dropdown columns: Number of columns will show inside of the dropdown.
  • Static content: HTML content will show on dropdown.

4. TEXT LINK MENU ITEM

  • No dropdown, it’s just main menu item.
  • Title: Title of main navigation link.
  • URL: URL of main navigation link.
  • Settings for Label: Text & background of main menu item’s badge.