Mega Menu

Available in Whisk 5.0.0 and greater

Turn one or more of your main dropdown links into a mega menu. Mega menus can be added and styled as a block to the "Header" section. These settings will only apply the specific mega menu block that you are targeting in the "Menu item" option so you have the ability to make each mega menu unique. For more Mega menu styling options, see the documentation for the Site Header which includes settings that apply to all mega menus.

Menu item

Type in the name of the main menu item that you want to show a mega menu with. For example, in the above screenshot the menu item name would be "Shop".

Menu max width

Adjust the maximum width of the mega menu in pixels so that it looks best with the number of links and if you are using a promo or not. All of the menu content will automatically center on the page. Here's an example of a mega menu with a smaller width.

Menu column width

Adjust the width of each column of links by percentage.

Text alignment

Choose left or centered for the list of links

Promo

Promo width

Adjust the width of the promo by percentage.

Position

Place the promo on the left or right side of the menu

Image shape

Choose an image shape for your promo image

Image

Upload an image for the promo. The promo will only display if it has an image uploaded. The image will automatically crop to fit the image shape you choose.

Link

Add a link to your promo. The image and all of the text will link out to this page. (optional)

Heading

Add heading text to show underneath the image. The font style here will be the same as the Mega Menu top level links style that you select in Header settings. (optional)

Text

Add some text underneath the heading or image. If there is a promo link, an arrow indicating that this is a link will automatically display next to the text. (optional)