Personalizar submen...
Avisos
Vaciar todo

Personalizar submenu - modulo topmenu - theme Listea  

Página 2 / 2
 
Enrique
 Enrique
Famed Member

Buenos días,

Esto intentando dejar los submenú de primer nivel con un fondo y un espacio entre ellos como aparecen aquí:

http://www.paranenesynenas.es

Imagino que esta página usará algún módulo externo pero para hacer lo que quiero no creo que necesitemos un módulo externo no?

Desde mi punto de vista trabajan casi igual los dos módulos, el nuestro y el de ellos.

Si abres cualquier item de menú verás los menús que están dentro y lo que quiero mejorar un poco.

Adjunto captura de pantalla de como me gustaría que quedase, más que nada para que destaque un poco más.

Gracias.

Un saludo, Enrique P.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 12/04/2017 10:17 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si quieres estandarízar las cajas del menú en el sitio :
Contenido solo visible a usuarios registrados

tienes que usar un ancho mínimo, prueba con el siguiente código CSS:

.sf-menu > li > ul > li > a{
	padding:2px;
	display:inline-block;
	min-width:165px;
	text-align:center;
}

Puedes colcoar este código al final del archivo:
/desarrollo/lasmarcasdemoda/themes/Lisitea/css/customuser.css

Saludos.

ResponderCitar
Respondido : 26/04/2017 8:41 pm

Cursos Gratuitos WordPress

Enrique
 Enrique
Famed Member

Buenos días,

Gracias, ha quedado muy bien. Ahora solo falta por hacer "añadir un estilo" para que en el móvil se cargue al 100% y no salga todo el submenú descolocado.

¿Se puede no?

Muchas gracias.

Un saludo, Enrique P.

ResponderCitar
Respondido : 27/04/2017 9:44 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes probar con el siguiente código CSS:

@media ( max-width:768px){
  #block_top_menu{
  	width:100%;
  }
  
  .sf-menu > li > ul > li{
  width:100%;
  }
}

Puedes agregarlo al final de tu archivo:
/desarrollo/lasmarcasdemoda/themes/Lisitea/css/customuser.css

Saludos.

ResponderCitar
Respondido : 27/04/2017 7:26 pm

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

Enrique
 Enrique
Famed Member

Buenas tardes,

Le he puesto más estilos para que aparezca mejor en la vista móvil y ocupe el 100%.

Me he dado cuenta que para varias resoluciones de pantalla el menú sale en dos líneas. ¿Se puede hacer algo?

Adjunto captura de pantalla.

Gracias.

Un saludo, Enrique P.

ResponderCitar
Respondido : 02/05/2017 1:00 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Enrique.

Prueba con lo siguiente:

@media ( max-width:768px){
sf-menu > li > a {
    font-size: 12px;
    padding: 0 5px;
}

}

Tienes que modificar max-width:768px para adaptarlo a las pixels de cada resolución.

Lo que hacemos es bajar el padding ( Separación entre los elementos del menú para que hubiera tanto y quepa todo en una misma linea.

Por cierto la mejor manera de probarlo no es reduciendo el tamaño con el navegador, puedes ver las diversas formas en las que se muestra la web en este enlace -> http://quirktools.com/screenfly/

Un saludo

ResponderCitar
Respondido : 02/05/2017 2:55 pm

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

Página 2 / 2