Featured promotion

Add a banner with the promotion text to the header drop-down for the desktop using the "Featured promotion" block.

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.

Text and an image can be linked to any page using the "Link" resource selector.

Press "Select image" to upload the necessary image for the desktop view.

To display the text, edit the "Heading" field. Leave the field blank if no text is required.

In the "Heading size" drop-down, one can select what option to apply to the text size. Use the "Extra large", "Large", "Medium", or "Small" options.

The "Heading color" can be changed from transparent to any other by pasting the color hex code.

To change the position of the heading to the left or center, use the "Align" drop-down that includes two options for choosing: "Start" and "Center".

Button

If you need to show a button below the headline, fill in the "Label" field. Leave the field empty to hide a button. Here you can paste a "Link" for a button to redirect customers to the required page.

The buttons "Style" can be changed to "Primary", "Secondary", "Third", "Fourth", "Fifth", and "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".

In the following example, you can view how the "Featured promotion" block might look in the "Mega menu" section:

Tip: If you need to showcase a promotion banner on mobile, use the "Featured promotion (Mob)" block in the Header.