Elementos
Lo único que tienes que hacer es copiar el código y sustituir los elementos que necesites para cofigurar la arquitectura de tu web. Verás que existen elementos desplegables, y dentro de ellos puedes añadir los desplegados.
En este código puedes ver facilmente como utilizar el menú. Prueba a ir añadiendo elementos en las partes donde lo necesites.
<nav class="menu"> <img src="../assets/img/logogenerico.svg" alt="logogenerico" class="logo"> <div class="movil"> <img class="nodesktop hamburguer" src="assets/img/hamburguer.svg" alt="iconomenumovil"> <ul> <li class="desplegable textomenu">Ofertas <div class="desplegado"> <ul class="textomenu"> <li class="textomenu"><a href="#">Opción 1</a></li> <li class="textomenu"><a href="#">Opción 2</a></li> <li class="textomenu"><a href="#">Opción 3</a></li> <li class="textomenu"><a href="#">Opción 4</a></li> </ul> </li> <li class="desplegable textomenu">Catálogo <div class="desplegado"> <ul class="textomenu"> <li class="textomenu"><a href="#">Opción A</a></li> <li class="textomenu"><a href="#">Opción B</a></li> <li class="textomenu"><a href="#">Opción C</a></li> <li class="textomenu"><a href="#">Opción D</a></li> </ul> </div> </li> <li class="textomenu"><a href="#">FAQ</a></li> <li class="textomenu"><a href="#">Somos</a></li> <li class="textomenu"><a href="#"><span class="material-symbols-outlined">shopping_bag</span></a></li> <li class="textomenu"><a href="#"><span class="material-symbols-outlined">person_outline</span></a></li> </ul> </div> </nav>