Avisos
Vaciar todo

Modificar tamaño de menú en wordpress  

 
Guillermo
 Guillermo
Estimable Member

Tengo un problema, me gustaría cambiar el tamaño de las celdas de mi Main Menú (Menú principal). Con el plugin "Menu Image", quiero poner imágenes a mi menú principal, pero se me descolocan bastante y me gustaría hacer las celdas más anchas o encontrar algún modo de poner las imágenes al lado del nombre de la celda del menú. Os dejo capturas de pantalla.
Así es el menú como lo tengo actualmente:

Así es cuando pongo la imagen. La imagen me sale debajo de "NBA" o "NCAA" y me gustaría que saliese después de NBA o NCAA.

Muchas gracias de antemano! La web en cuestión es esta: http://nbaclutchtime.com/

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 30/06/2015 4:42 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Una cosa que se ve rara en el menú de tu web es que los elementos que tienen un desplegable cargan 2 flechas hacia abajo. Lo normal es que solo fuera una, a menos que forme parte del diseño de la plantilla.

Para poder orientarte en los cambios a realizar, que probablemente tengan que ser en los CSS , tendrías que probar a dejar alguna imagen en el menú principal para que lo podamos analizar.

ResponderCitar
Respondido : 30/06/2015 4:44 pm

Cursos Gratuitos WordPress

Guillermo
 Guillermo
Estimable Member

Perfecto, dejo una imagen en el apartado de NBA y me decís. Gracias y un saludo!
Aquí lo tenéis:

Gracias y espero vuestra respuesta!

ResponderCitar
Respondido : 30/06/2015 4:49 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ubica el siguiente archivo
/wp-content/themes/megnet/style.css

Al final agrega el siguiente código

ul#mainmenu span span{
	background-image:none;
}

ul#mainmenu  .menu-image-title{
	margin-left:30px;
}

ul#mainmenu li  img{
  float:left;
}

Salduos

ResponderCitar
Respondido : 30/06/2015 6:27 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Esto ya está solucionado, muchas gracias! Me pasa algo parecido en una tabla... Se me van las imágenes y no se centran como deberían, además de que la tabla se corta a mitad y hay varias imágenes que no se ven ¿Qué tengo que hacer? Os paso captura y link del problema.

A mi me gustaría que se viese como en el diseño del post (sin bordes).

Gracias y un saludo!

ResponderCitar
Respondido : 30/06/2015 8:12 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En este caso te sugiro abrir un nuevo hilo con el título adecuado, de esta manera mantenemos el foro ordenado.

PD. Siempre que tengas una nueva consulta que no se relaciona será mejor que abras otro hilo

Saludos

ResponderCitar
Respondido : 30/06/2015 10:09 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Guillermo
 Guillermo
Estimable Member

Vale, perfecto y lo siento! Tengo otra pregunta que tiene que ver con el menú de antes. Los apartados de "NBA" y "NCAA" se quedan genial con la imagen, sin embargo, en los apartados "directo" y "contacto" la imagen queda muy separada del texto. Adjunto captura:

¿Cómo hago para que quede la imagen más cerca del texto? Un saludo.

ResponderCitar
Respondido : 30/06/2015 10:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo que la estructura html cambia para el ítem de menú Directo, se crea primero el texto y luego la imagen, esto difiere de las dos anteriores en donde primero esta la imagen y luego el texto (etiqueta span y etiqueta img)

No se que tipo de cambio estas haciendo pero podría ser también un problema con el template que tienes, prueba definiendo submenús al ítem de Directo y verifica si se cambia ya que actualmente en firefox lo veo como en la imagen adjunta.

Saludos

ResponderCitar
Respondido : 30/06/2015 11:08 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

Ya está solucionado, ahora en Firefox también te saldrá bien, pero con mucha distancia la imagen con el texto. ¿No hay ninguna manera de cambiarlo? Es un "fallo" de la plantilla?

ResponderCitar
Respondido : 30/06/2015 11:15 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

A través de CSS se puede cambiar la distancia, puede revisar el siguiente articulo de blog: https://www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

ResponderCitar
Respondido : 01/07/2015 1:11 am

Guillermo
 Guillermo
Estimable Member

Podrías ponerme el código para cambiarlo? No controlo mucho de CSS

ResponderCitar
Respondido : 01/07/2015 2:01 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Anteriormente Jhon te dio unos códigos, tienes que controlar esos valores para que nos se separen demasiado.

ResponderCitar
Respondido : 01/07/2015 2:25 am

Cursos Gratuitos WordPress