Problema con los submenús

Inicio Foros WordPress Themes y Diseño Problema con los submenús

Etiquetado: 

Este debate contiene 5 respuestas, tiene 2 mensajes y lo actualizó  Anónimo hace 4 años, 8 meses.

  • Autor
    Publicaciones
  • #74512

    Anónimo

    Hola,

    Al crear el menú superior con algunas categorías he incluido algunos submenús, pero el problema es que si se quiere seleccionar el de una categoría que está más abajo, al poner el puntero sobre ella se muestra el submenú, pero al ir a pincharlo desaparece, pues el submenú aparece en la parte superior y no al mismo nivel… es muy difícil de explicar con palabras, dejo la web por si alguien le puede echar un vistazo.

    http://lenceriamalu.com/

    Una de las categorías en la que existe el problema es esta por ej: Marcas / Maternales / Anita Maternal

    La plantilla que estoy usando es: tdSimple

    Un saludo y gracias.

  • #74514

    LGrusin
    Miembro

    Puesto que el autor del tema no se ha complicado mucho con los submenus, lo único que se me ocurre es que los desplaces a la izquierda y hacia abajo para dar un efecto de superposición. De esta forma no “desaparece” al mover el ratón encima.

    En el archivo style.css pone:
    .main-navigation ul ul ul {
    left: 100%;
    top: 0;
    }

    cambia el valor de left a 90% por ejemplo y el de top a 30px o 40px según te guste.

    Un saludo

  • #74530

    Anónimo

    Muchas gracias por la ayuda LGrusin 😉

  • #74698

    Anónimo

    Acabo de poner una categoría más y de nuevo tengo el problema 🙁 Pasa con la que está abajo del todo (Textil) que no puedo entrar a su submenú.

    ¿Habría alguna manera de que cada submenú saliera a la misma altura / nivel de la categoría dependiente?

    Un saludo.

  • #74722

    LGrusin
    Miembro

    La verdad es que eso es lo que debimos hacer desde el principio… 😉

    Te aconsejo que pongas menos altura en los elementos del menú, llegará un momento que no quepan en pantalla si añades muchos. Para eso donde pone:
    .main-navigation .nav-bar li .sub-menu li.current-menu-item a:hover,
    .main-navigation .nav-bar li .children li a,
    .main-navigation .nav-bar li .sub-menu li a {
    padding: 20px 14px;
    background: #fdfdfd;
    }
    cambia el valor de 20px por 14px por ejemplo
    padding: 14px 14px;

    En .main-navigation ul ul elimina, top: 2.4em;

    En .main-navigation ul ul ul elimina top: 30px;
    y añade margin-top:-2.8em;

    Prueba, y si no te gusta como queda buscamos otra forma… 😉

    Un saludo

  • #74723

    Anónimo

    Ok, ahora si que si 🙂

    En principio no voy a agregar más categorías, así que he dejado el tamaño como estaba, a 20px y el último valor de margin-top lo he puesto en -3.55 para que quede al mismo nivel.

    Un saludo!

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest