Menu CSS Classes

Note: This feature is only available to Wix Studio users.

You can use the classes listed below to style your Menu elements with CSS.

For more information on styling your elements with CSS, see Styling Elements with CSS and the MDN CSS reference docs.

Important: Element structure and undocumented class names may change without advance warning. To avoid unintended style changes to your site, select elements with the documented class names only.

Anchor menu classes

.anchor-menu

Targets anchor menu elements. For example:

Copy

.anchor-menu__item

Targets anchor menu list item elements. For example:

Copy

.anchor-menu__label

Targets anchor menu list item text. For example:

Copy

Dropdown menu classes (Deprecated)

Deprecation Notice:

The drop-down menu component has been deprecated. It will continue to work, but can no longer be added in the editor.

.dropdown-menu

Targets dropdown menu elements. For example:

Copy

.dropdown-menu__item

Targets dropdown menu items. For example:

Copy

.dropdown-menu__submenu

Targets dropdown submenu containers. For example:

Copy

Horizontal menu classes

.horizontal-menu

Targets horizontal menu elements. For example:

Copy

.horizontal-menu__item

Targets horizontal menu items. For example:

Copy

.horizontal-menu__item-label

Targets horizontal menu item labels. For example:

Copy

Vertical menu classes

.vertical-menu

Targets vertical menu elements. For example:

Copy

.vertical-menu__item

Targets vertical menu items. For example:

Copy

.vertical-menu__item-label

Targets vertical menu item labels. For example:

Copy

.vertical-menu__submenu

Targets vertical submenu containers. For example:

Copy

.vertical-menu__arrow

Targets vertical menu expand/collapse icons. For example:

Copy
Did this help?