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.

Here you can apply an image for the column. Click "Select image" 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 "Style" can be changed to "Primary", "Secondary", "Third", "Fourth", "Fifth", or "Link style". Use the following link to view how each button style is presented in the theme.

Use the "Button color" picker to set the desired color for the button. The color will be applied to the text, background, or border of the call-to-action button depending on the "Style" previously selected in the block.

The item changes the background color for the button layouts: "Primary" and "Third". The color is applied to the text and border inside a button of the inactive button and when hovering over the button. The underlined colored text will appear for the layouts "Fourth", "Fifth", and "Link style".

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 (Mob)" block in the Header.