Responder a: Mega Menú no visualiza correctamente

  • Esther Pallás Bayarri

    Miembro
    4 de marzo de 2024 en 5:29 AM

    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;

    }

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →