Jump to content

Ocultar elementos de sub-categoria en menú principal


Recommended Posts

Hola

Tengo el tema clasico de la versión 1.7.6.4 y use el siguiente código para convertir el menú principal en vertical:

.top-menu .sub-menu {
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,.1);
    border: none;
    margin-left: .9375rem;
    width: inherit;
    min-width: inherit;
    z-index: 18;
    position: absolute;
}

#header .menu, #header .menu>ul>li {
    display: inline-block;
    position: relative;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
    float: left;
    margin: 0 1.25rem;
    clear: both;
}

Pero al seleccionar un elemento del menú principal muestra todas las sub-categorias:

 

Ejemplo.png.b331933f4840189d053de2e625922712.png

 

Entoces use este codigo para ocultar los elementos:

.top-menu[data-depth=”2″]{
  display:none!important;
}

pero en los celulares no funcionan las sub-categorias, lo que pretendo es un menú como el siguiente ejemplo:

https://webdesignerwall.com/demo/css3-dropdown-menu/

Sin mas por el momento agradezco su ayuda.

Link to comment
Share on other sites

  • Juanhzc changed the title to Ocultar elementos de sub-categoria en menú principal

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...