How to address with CSS different levels of items of vertical mobile menu with wix studio editor

Ask the community
, ,
1

How to address with CSS different levels of items of vertical mobile menu with wix studio editor

Why this doesnt work
.vertical-menu__submenu ul ul > li {
background: #949494;
}

or

.vertical-menu__submenu ul > ul > ul {
background: #949494;
}

etc

Secon question is

it is posible to addres one specific array of any menu. For example i wish ot higlight back ground of menu item “suport us”. How to address one specific item.

2

In a nested menu, each level is structured hierarchically using <ul> and <li> tags. To target specific levels with CSS in Wix Studio Editor:

  1. First Level Items

css

Copy code

.vertical-menu > ul > li {
    background: #cccccc; /* Example background for top-level items */
}
  1. Second Level Items (Submenu)

css

Copy code

.vertical-menu ul ul > li {
    background: #aaaaaa; /* Example background for second-level items */
}
  1. Third Level Items (Sub-submenu)

css

Copy code

.vertical-menu ul ul ul > li {
    background: #949494; /* Example background for third-level items */
}

Make sure to inspect the menu in your browser’s Developer Tools to confirm the exact class structure Wix Studio uses for the vertical menu. Adjust the selectors based on the actual HTML structure.

3

thank you very much for your time and effor, Sory that I were not able to find it by myself