Reducir márgenes de barra de menú principal

  • Resuelto Cristina S

    (@cristina-s)


    hace 10 años, 3 meses

    Buenos días:

    Me estoy volviendo loca intentando reducir los márgenes laterales de la barra de menús de mi web. Tengo 7 menús y uno se me queda abajo, porque hay mucho espacio en los márgenes de los lados y no caben los siete.

    Sé que hay que que cambiar la hoja de estilo, pero por muchas vueltas que le he dado no doy con qué debo cambiar. Uso el tema Vantage.

    La web no está activa porque usa la misa url que la antigua, y tenemos que mantenerla hasta que esté construida. Se puede ver añadiendo estas líneas al archivo hosts del PC:
    # 217.76.132.247 colegiosmundounido.es
    217.76.132.138 colegiosmundounido.es http://www.colegiosmundounido.es

    Tampoco soy capaz de cambiar el tamaño de la letra de dos páginas que he puesto en el header: «¿Donde estamos?» y «Contacta con nosotros».

    Mil gracias por la ayuda.

    Saludos!

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Iniciador del debate Cristina S

    (@cristina-s)

    hace 10 años, 3 meses

    Bueno, lo del tamaño de las letras ya lo he conseguido.

    Sigo buscando solución para lo de los márgenes.

    Saludos!

    Peter Olle

    (@peterolle)

    hace 10 años, 3 meses

    Por favor especifica exactamente que margen quieres reducir. Explica que sección de la web, que texto o imagen sale ahí, etc…

    Saludos.

    Iniciador del debate Cristina S

    (@cristina-s)

    hace 10 años, 3 meses

    Gracias por responder.

    Hay una barrá de navegación azul en la que aparecen las distintas secciones de la web: Inicio, La Fundación, El Bachillerato, etc…

    Los márgenes dentro de esa barra, a la izquierda de «Ininio» y a la derecha de «Graduados», son muy grandes, y no me caben todas las secciones.

    No sé si entiendes lo que te digo…

    Saludos.

    Peter Olle

    (@peterolle)

    hace 10 años, 3 meses

    Ok, es el padding de las palabras en tu menú. Pon esto hasta abajo de tu hoja de estilos CSS.

    ul#mainlevel-nav li a {
	padding: 0 20px;
}

    Y cambia el 20 por 10 o el numero que quieras.

    Saludos.

    Iniciador del debate Cristina S

    (@cristina-s)

    hace 10 años, 3 meses

    Hola!

    He añadido lo que comentabas a la hoja de estilos pero no ha funcionado.

    Pero me has dado una pista muy valiosa con el padding, y por fin he encontrado donde estaban los valores que tenía que cambiar; en esta línea:

    .main-navigation ul li a {
    padding: 15px 22px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    Muchísimas gracias! Eres una ayuda increíble.

    Un saludo.

    Peter Olle

    (@peterolle)

    hace 10 años, 3 meses

    De nada, que bueno que ya te funcionó.

    Saludos.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Reducir márgenes de barra de menú principal’ está cerrado a nuevas respuestas.