Tema Divi
En el Foro Divi y Plugins para Divi, compartimos y enriquecemos nuestro conocimiento en... Ver más
Organizadores:
- Organizado por
-
-
Mega Menú no visualiza correctamente
-
Mega Menú no visualiza correctamente
Buenos días,
No se que está pasando con el mega menú creado con el plugin divi mega pro, pero no visualiza correctamente en la home de https://pruebas.leukantedigital.com
Únicamente es en la home donde no visualiza, si accedes a cualquier subcategoría se muestra tal cual debe mostrarse.
Adjunto capturas.
pruebas.leukantedigital.com
SVAN Electro • Tu Alternativa en Electrodomésticos
Descubre la calidad, eficiencia y estilo que aportamos a cada rincón de tu hogar con nuestra gama de electrodomésticos de última generación.
-
2 Respuestas
-
se ve que el css para móvil de vez en cuando me genera algún problema, ya que lo he desactivado y vuelto a activarlo y ahora funciona bien.
Os paso el css que me pasasteis en su día:
/* CSS para Submenu colapsado en Divi*/
/*Ajustar el nuevo toggel del submenu*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
width: 44px;
height: 100%;
padding: 0px !important;
max-height: 44px;
border: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 999;
background-color: transparent;
}
/*CSS para tener todo acomodado*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative;
}
/*Remover el background color de los items del submenu*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
}
/*Colapzar submenu por defecto*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
display: none !important;
visibility: hidden !important;
}
/*Mostra el submenu cuando el toggle este abierto*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
display: block !important;
visibility: visible !important;
}
/*Ajuste de los estilos del toggle*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
text-align: center;
opacity: 1;
}
/*Icono del toggle del submenu cuando esta cerrado*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
top: 10px;
position: relative;
font-family: “ETModules”;
content: ‘3’;
color: #3665db;
background: #f0f3f6;
border-radius: 50%;
padding: 3px;
}
/*Icono del toggle del submenu cuando esta abierto*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
content: ‘2’;
}
/*Agregar forma de punta cuando el submenu está abierto*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
position: absolute;
right: 5%;
margin-left: -20px;
top: -14px;
width: 0;
height: 0;
content: ”;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #ffffff;
}
/*CSS de caja de menu y color del background*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
background-color: #ffffff!important;
border-radius: 10px;
}
-
Gracias por compartir Esther
-
La discusión ‘Mega Menú no visualiza correctamente’ está cerrada para nuevas respuestas.
