Megamenu (Gallery banner)

Steps:

1. In the Header section, Add block

2. Choose Megamenu (Gallery banner).

Menu item - Name the link in the main menu that you'd like the menu to appear from.

Dropdown settings

• Width - 2 options => Container / Stretched

Navigation

• Columns Link - From 1 - 6

• Show column dividers

Banner

• Show banner

• Banner position - 2 options left/right

• Banner width - from 30% - 100% The navigation column will automatically adjust its width.

Banner image 1

Settings banner

• Image - If image blank, this block will not show.

• Image ratio

  • Adapt to image

  • Square (1:1)

  • Portrait (3:4)

  • Landscape (4:3)

  • Landscape (5:3.5)

  • Wide (16:9)

• Link - Link for image

• Content alignment - 9 options

• Sub heading

• Heading

• Heading size - Size for heading, Select heading size from H1 to H6.

• Description

• Button style - 7 option for button

• Button text

• Text Color

• Overlay color

• Overlay opacity - From 0 - 100%

• Overlay gradient - If left blank, the overlay will default to using the overlay color.

Banner image 2, Banner image 3 will be similar to Banner image 1

Result