Soporte » Diseño – Temas y plantillas » Cambiar tamaño y ancho del menu principal y secundario

  • Resuelto morewithlessdesign

    (@morewithlessdesign)


    Hola a todos.

    Hace unos dias conseguí cambiar con css el tamaño de la letra del menú principal. Ahora lo que quiero es cambiar el ancho (longtud) del menu principal.

    Además me gustaría poder cambiar el tamaño de la letra del menú secundario y el ancho también.

    Espero vuestros consejos! Muchas gracias

    web: http://www.morewithlessdesign.com
    Tema: Presso

    jordi

Viendo 11 respuestas - de la 1 a la 11 (de un total de 11)
  • Todo se hace desde el CSS de tu tema, ahí puedes modificar por completo la apariencia de cada cosa.

    Si abres un tema para solucionar todo el diseño va a ser difícil que alguien llegue y te arregle toda la web, es mejor abrir un tema por problema, porque si no es muy complicado hablar de 20 cambios en el mismo tema y darle solución al mismo.

    Pero lo dicho, en tu CSS cambia las propiedades de todo lo que quieres modificar. Hay que saber detalles exacto de todo, poner algo mas ancho no dice nada. ¿Mas ancho como? 20 pixeles, 80, 120, 400, pantalla completa, etc… ?

    Saludos.

    Iniciador del debate morewithlessdesign

    (@morewithlessdesign)

    Quiero reducir el ancho de ambos menu. No se cuanto, debería probar con el código e ir aumentando de pixeles hasta ver el que más se ajuste.

    Aquí en la web puedes echar un vistazo. Por ejemplo el menu secundario ahora tiene el tamaño de las letras más grande que el menu principal. Eso no debería ser asi.

    Pensaba que lo del tamaño y ancho del menu se hacía con el mismo código. Lo siento.

    Puedes ayudarme Peter?

    Gracias

    El menú secundario utiliza h3 para los títulos, puedes especificar el mismo tamaño 13 en tu CSS con esto:

    h3.title{
    font-size:13px !important;
    }

    Saludos.

    Iniciador del debate morewithlessdesign

    (@morewithlessdesign)

    Hola Peter, he probado este código, pero no veo ningún cambio en el «top»menu, el menu de arriba. He probado hasta 8 px y 26px y se mantiene igual.

    así queda como tengo la modificiación del css:

    .main-nav > .menu-item > .menu-link {
    	font-size: 13px !important;
    }
    
    h3.title {
    	font-size: 13px !important;
    }

    Borra tu cache antes de probar. El cambio ya se ve y el sub menú ya pone los títulos al mismo tamaño que el menú principal.

    Saludos.

    Iniciador del debate morewithlessdesign

    (@morewithlessdesign)

    genial peter! Muchas gracias.

    Aunque he probado agrandar la letra a 16px y no se modifica. será por el espacio que hay en el menu secundario.

    Gracias!

    De nada.

    Saludos.

    Iniciador del debate morewithlessdesign

    (@morewithlessdesign)

    Peter me he dado cuenta de que usando este codigo:

    h3.title{
    font-size:13px !important;
    }

    Lo que cambio es el título de los posts de la home page, y el menu de arriba no parece modificarse.

    Sabes que puede ocurrir?

    Gracias!

    El detalle es que tu tema utiliza «h3.title» para los títulos que salen cuando pones el mouse en tu menú principal y para los posts de abajo también, entonces te cambia todo al valor que pongas.

    El menú de arriba si estaba modificado cuando te puse «Borra tu cache antes de probar.» y ahora no.

    Entonces lo cambiaste o algo.

    Para lo que sale en el menú ese prueba esto:

    .main-nav .post-box .title{
    font-size: 27px!important;
    }

    Saludos.

    Iniciador del debate morewithlessdesign

    (@morewithlessdesign)

    Genial! todo solucionado!

    Muchas gracias Peter!!

    Jordi

    De nada.

    Saludos.

Viendo 11 respuestas - de la 1 a la 11 (de un total de 11)
  • El debate ‘Cambiar tamaño y ancho del menu principal y secundario’ está cerrado a nuevas respuestas.