Cómo ajustar el menú en mi sitio web con CSS

ramonjosegn · 29 Sep 2014

Hola chicos:

Estoy probando un nuevo theme en mi sitio web pero el menú no entra completo en mi página (al tener muchas secciones), ¿podéis ayudarme con el CSS para que se vea todo en la misma línea de menús y no uno debajo de otro?

El sitio web es
MiRutaFÃ¡cil | Viajeros intrÃ©pidos @Viajerintrepido

Y el theme es éste
https://wordpress.org/themes/trident-lite

lombervid · 29 Sep 2014

Pues yo lo veo bien, o a qué te refieres?

OLMID · 29 Sep 2014

Es posible que sea por el tamaño, en resoluciones altas se ve bien, todos en linea
Como la página se va adaptando al tamaño de la ventana, en resoluciones bajas se forman dos lineas

Tendrías que ponerle un tamaño fijo a tu página o cambiar tamaño del texto y quitarle algún padding o margin

Saludos 🙂

edito.- Busta en el archivo custom.css:

HTML:

#masthead nav .nav-menu ul li {
    line-height: 24px;
    position: relative;
    float: none;
    width: 210px;
    padding: 0 20px;
}

y lo cambias por

HTML:

#masthead nav .nav-menu ul li {
    line-height: 24px;
    position: relative;
    float: none;
    width: 210px;
    padding: 0 10px;
}

Se arregla un poco

Cómo ajustar el menú en mi sitio web con CSS

ramonjosegn

lombervid

OLMID

Temas similares