Header section group

Announcement bar section

Section settings

Setting	Description
Show only on home page	Displays the announcement bar exclusively on the home page.
Slide transition interval	Sets the time interval for each slide to change.
Ticker direction	Controls the direction of the ticker animation: Vertical or Horizontal.
Text alignment	Determines the alignment of the ticker text (e.g., Left, Center, or Right).

Message block

You can configure the announcement bar ticker to rotate through up to 5 different messages.

Setting	Description
Text	Enter the message to display in the ticker.
Link	Provide a URL to make the entire ticker message clickable.
	⚠️ It is not possible to make only parts of the message clickable; the entire message will link to the provided URL. ⚠️ Each message will link to the URL you provide for that message.
	Leave the field blank to disable the clickable feature.

Header section

Section settings

Setting	Description
Show header on hover desktop	Hides header content except for the logo, revealing it again when hovered over.
Enable sticky header	Keeps the header fixed and visible as you scroll.
Overlay	Displays the header as an overlay on content underneath.
Content display	Determines how utility links are displayed: Text, Icons, or Both.
Cart icon	Sets the icon for the Cart button: Bag or Cart.
Text capitalization	Controls header text capitalization: Uppercase, Lowercase, or Capitalize.
Separate links with comma desktop	Adds a comma to separate links in the header.

Navigation block

Control the appearance of your navigation menu. Etheryx comes with three menu options to choose from:

Option	Description
Dropdown	Displays the main navigation menu as a dropdown menu - Default.
Drawer	Displays the main navigation menu as a slide-out drawer - Default mobile.
Mega menu	Displays the main navigation menu as a mega menu with columns.

The mobile navigation is optimized by default and uses the drawer menu as its default display.

---

Mega menu

IMPORTANT

The mega menu option requires the use of nested menu items. Ensure your menu is set up properly.

To enable the mega menu, create or adjust your menu items so they are nested below a top-level item.

Understand the menu structure

Menu level	Description
Top-level	The main navigation link that, when clicked or hovered, triggers the mega menu.
1st-level nested items	Acts as the title for the mega menu column.
2nd-level nested items	The actual menu links displayed under each column title.
	You can create up to two levels of nested menu items beneath each top-level item.

🖼️ Screenshot

---

Other settings

Setting	Description
Highlight first column	Enlarges the text in the first column for emphasis.
Open on hover	Automatically opens the menu when the mouse hovers over it.

Logo block

You can choose to display your logo as either text or an image, depending on your preference and branding needs.

Image logo

TIP

For a more professional appearance, use an image logo with a horizontal aspect ratio of 16:9.

Setting	Description
Image	Select an image to display in the header.
Image size	Determines the size of the image.
Logo position - mobile	Determines the position of the logo on mobile devices.

Text logo

IMPORTANT

The text logo option is only available if you haven't selected an image logo.

Setting	Description
Text	Enter the text to display in the header.
Font	Select the font to use for the text.
Size	Determines the size of the text.
Logo position - mobile	Determines the position of the logo on mobile devices.

Utility links block

This block contains the buttons for your Cart, Search, Account, Country/Region, and Language selectors.

Setting	Description
Show cart	Displays a cart icon/link in the header.
Show search	Displays a search icon/link in the header.
Show account	Displays an account icon/link in the header. Activate customer accounts first. Learn more.
Show country/region selector	Displays a country/region selector in the header. To add a country/region, go to your payment settings.
Show language selector	Displays a language selector in the header. To add a language, go to your language settings.
Alignment	Determines the alignment of the utility links.