Avisos
Vaciar todo

Storefront menu principal en dos lineas

7 Respuestas
3 Usuarios
0 Reactions
247 Visitas
Respuestas: 60
Trusted Member
Topic starter
 

Bueno días,

Al poner la categoría y subcategorías en el menú principal, este se pone en dos lineas, y me gustaría saber si es posible poner el carrito y la cesta en el menú secundario par así gaanr espacio y tenelo todo en una única línea. En el adjunto lo puedes ver mejor.

Un saludo.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 21/01/2019 10:26 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Jose Carlos.

Lo que puedes realizar es reducir el espacio entre los ITEM del menú:

.- Añade los siguiente al archivo style.css que encontrarás en la ruta wp-content -> themes -> storefront -> style.css

@media (min-width: 768px){
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 1.6em 0.5em;
}
}

Un saludo


 
Respondido : 21/01/2019 11:45 am
Respuestas: 60
Trusted Member
Topic starter
 

Lo acabo de hacer pero no sucede nada. He abierto style.css con text edit he copiado al final el código que me facilitas pero no sucede nada.


 
Respondido : 21/01/2019 12:11 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Jose carlos.

Estoy revisando el archivo con el inspector del navegador y no veo que este añadido el codigo.
Añade el codigo siguiente en el archivo style.css:

@media (min-width: 768px){
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 1.6em 0.5em;
}
}

El resultado tiene que ser el siguiente:

Si ves que no carga después de añadirlo, prueba desde otro equipo que no sueles utilizar para acceder a la web o realiza un limpieza de caché del navegador:

-> https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/

Un saludo


 
Respondido : 21/01/2019 12:43 pm
Respuestas: 60
Trusted Member
Topic starter
 

Sí, ya me daba la sensación de que lo estaba haciendo mal. Te comento la ruta que he seguido:
Cpanel > administradort de archivos > public.html > wakadoo.es > wp-content > themes > storefront > style.css.

Cuando hagp click en style.css se me abre una ventana que me pide elegir una aplicación para abrir el documento. Elijo text edit lo abro y pego el código y lo cierro. ¿Esta bien así?


 
Respondido : 21/01/2019 6:11 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Cuando usas el Administrador de Archivos de tu Cpanel, puedes editar el archivo directamente con la aplicación de Administrador de Archivos, hay un icono de editar, según lo que comentas entiendo que estas descargando el archivo y modificándolo manualmente con una aplicación de tu ordenador, lo cual es incorrecto ya que tendrías que subir el archivo modificado nuevamente.

De manera general si te complicas con esto mejor usa la opción de tu theme para añadir código CSS, revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.


 
Respondido : 21/01/2019 6:23 pm
Respuestas: 60
Trusted Member
Topic starter
 

Vale ahora sí. Gracias.


 
Respondido : 21/01/2019 6:50 pm