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:
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.