Crear menú de dos columnas en plantilla Blossom Feminine

grandes dominios · 16 Jul 2020

Hola!

Estoy creando un sitio web con la plantilla gratuita de Blossom Feminine. El tema es que no sé como hacer para que el menú se vea en dos columnas.
Actualmente se ve así:

¿Me podrían dar alguna sugerencia por favor?

Desde ya gracias por leerme 🙂

Saaaludos😉

Federico99 · 17 Jul 2020

Hola @grandes dominios !

Puedes hacer algo como esto:

Insertar CODE, HTML o PHP:

ul.sub-menu {

    width: 25rem;

}

ul.sub-menu li {

    width: 50%;

    float:left;

}

Puede que no funcione si el código del theme no tiene la clase "sub-menu" para los submenúes jaja, pero lo puedes adaptar. Sino compárteme la URL que te ayudo. Saludos!

TvirtualClub · 17 Jul 2020

Me interesaría aprender con este post un poco Aq se refiere con CSS q significa?

Federico99 · 17 Jul 2020

TvirtualClub dijo:
Me interesaría aprender con este post un poco Aq se refiere con CSS q significa?

El CSS sirve para darle estilos a una web.

Con HTML defines la estructura, y el CSS es la capa de personalización o diseño. Por eso aquí piden modificar el CSS del menú, o sea modificar los estilos o "como se muestra" el menú

Aquí tienes un artículo bastante bueno sobre el tema: https://www.hostinger.com.ar/tutoriales/que-es-css/

grandes dominios · 17 Jul 2020

Federico99 dijo:
Hola @grandes dominios !

Puedes hacer algo como esto:

Insertar CODE, HTML o PHP:

ul.sub-menu { width: 25rem; } ul.sub-menu li { width: 50%; float:left; }

Puede que no funcione si el código del theme no tiene la clase "sub-menu" para los submenúes jaja, pero lo puedes adaptar. Sino compárteme la URL que te ayudo. Saludos!

Gracias!!! Voy a probar a ver qué sucede 🤓

Crear menú de dos columnas en plantilla Blossom Feminine

grandes dominios

Federico99

TvirtualClub

Federico99

grandes dominios

Temas similares