Image with button

The "Image with button" can be placed as a separate column in the drop-down menu. This section allows displaying a banner with a call-to-action button overlaid.

Tip: To add a block, the "Mega menu" section is required. Press "Add block" and choose the one in Theme Blocks. Drag and drop the block to the desired position in a drop-down section.

Image

Here you can apply an image for the column. Click "Select" to choose the one from the library or upload it from your computer. The image can be linked to any page using the "Link" resource selector.

Button

If you need to show a button over an image, fill in the "Label" field. Leave the field empty to hide a button.

The "Position" option defines the button's position over a banner: "Top left", "Top", "Top right"; "Center left", "Center", "Center right"; or "Bottom left", "Bottom", "Bottom right". Choose an option in the drop-down that best fits your needs.

Use the "Color" picker to set the desired background color for the button.

This is an example of how the block can be displayed in the "Mega menu" section:

Tip: If you need to place a banner with a call-to-action button for mobile view, use the "Image with button (Mobile)" block in the Header.