User Guide

Search limit to:





How to set up the Banner menu style?

by Admin on Sep 24, 2024

 

Step 1: Access the Theme Editor by selecting Online Store > Themes > Customize on the Eurus Theme.

Step 2: Under the Header section, click Add block and choose the Banner menu.

Step 3: (Important step):  Give the main menu a title:

Enter the menu title in the Menu Item field on the right panel.

⚠️ You must enter this field for your menu to appear on site.

Step 4: Customize the Banner menu, here are some things you can do:

📌 To attach a link for the main menu:

Click to choose or enter a link in the Menu item link field.

(Optional) Check the box to open the link in the new tab.

📌 To set up the banners on the menu:

With Eurus, you can add up to 3 banner in the mega menu:

Scroll down to the Banner 1 section, and you can:

What you can do:

How to do it:

Add an image as the banner

Customize the content:

  • Heading
  • Subheading
  • Text

Adjust image overlay

Add a button on the banner

Change the content alignment & position

 

If you want to add more banners to the menu, do the same for Banner 2 and Banner 3.

📌 To add a label on the menu:

Scroll down and find the Label section on the pop-up right panel. From here, you can:

  • Enter the text you want to show on the label.
  • Change the text & label color.
  • Add an icon:
    • Choose from the drop-down list
    • Find an icon from Eurus’s icon library, copy and enter its name into Use another icon.
    • enter the custom icon SVG code.

Leave everything blank to remove the label.

📌 To change the image banner height:

  • Scroll down to the Image height, and choose the height you want for your menu banner.
  • Tick the box that says “Make banner full width” to expand the banner(s) width.