How to Change 1st and 2nd level nested menu items - Theme Warehouse 4.2.3

Topic summary

Goal: Modify the Warehouse 4.2.3 theme’s main menu so that only the first top‑level category, when expanded, shows both first- and second-level submenus statically in a custom arrangement.

Current vs. desired layout:

  • Current: Top-level items (Categorias, Lo nuevo, Top en ventas, Descuentos, Info). Under first-level: Tienda > (with 2nd level: Mascotas, Sports, Lentes) and Mujer > (with 2nd level: Belleza, Ropa, Zapatos). Separate items include About (under Tienda) and Team (under Mujer).
  • Desired (for the first top-level category only): First-level row: Tienda, Mujer, About. Second-level arranged statically beneath as: Mascotas, Belleza, Team / Sports, Ropa / Lentes, Zapatos.

Request: Assistance with CSS to implement this static layout for the first top-level category only; other top-level items should remain unchanged.

Status: No code or solution provided yet. Open request for CSS guidance.

Summarized with AI on January 5. AI used: gpt-5.

Hi all!

I am currently working on the main menu of my website with the Warehouse 4.2.3 theme.

Right now, it is displayed as follows:

top level menu items: Categorias v Lo nuevo Top en ventas Descuentos Info v

1st level nested menu items: Tienda > About

Mujer > Team

2dn level nested menu items: Tienda > Mascotas

Sports

Lentes

2dn level nested menu items: Mujer > Belleza

Ropa

Zapatos

The way I want it to be displayed is:

top level menu items: Categorias v Lo nuevo Top en ventas Descuentos Info v

1st level nested menu items: Tienda Mujer About

2dn level nested menu items: Mascotas Belleza Team

Sports Ropa

Lentes Zapatos

Note that I only want to modify the first category of the top-level menu items so that when it expands, both 1st and 2nd-level nested menu items are displayed statically.

Could you please assist me with the CSS code to make this change?

Thank you very much.