Oxygenados La comunidad hispana
post oxygen builder
Logo Oxygenados

Menu en Doble Modal

¿Cómo puedes hacerlo?

Hacemos que el menú se muestre en un modal doble, en el modal izquierdo con imagen, logo o lo que se te ocurra, en el derecho el menu. Todo configurable a gusto.

Instrucciones para añadir el código:
 Añadir un un elemento CodeBlock
Código HTML / PHP
<!-- Esté código es para evitar errores -->
Click para Copiar
Copiado
Código JavaScript
jQuery(document).ready(function ($) {
    $('#icono-menu').on('click', function () {
        $('#modal-Derecho').css('transform', 'translateX(0%)');
        $('#modal-Izquierdo').css('transform', 'translateX(0%)');
    });

    $('#icono_cierre-menu').on('click', function () {
        $('#modal-Derecho').css('transform', 'translateX(100%)');
        $('#modal-Izquierdo').css('transform', 'translateX(-100%)');
    });
});
Click para Copiar
Copiado
Para cualquier comentario o duda tienes disponible el bloque de comentarios mas abajo. 
business man illustrate product planning option
5 2 votos
Article Rating
Suscribir
Notificar de
guest
3 Comments
Viejos
Nuevos Más votados
Comentarios en línea
Ver todos los comentarios
DSeo
DSeo
8 días hace

Muy bueno el menu con esos efectos..

Jonny
Jonny
7 días hace

Hola he seguido los pasos y al dar clic al boton de abrir menu no hace ninguna funcion ! Que podria ofrecer ayuda?

OTROS VIDEOTUTOS

Modal con botón animado

Vemos con añadir un modal con su botón de control animado mediante css y javascript

Leer más
Oxyextras y Menu en Doble Modal

Hacemos lo mismo que en el video tutorial anterior de Menu en Doble Modal, solo que en esta ocasión recurrimos al plugin Oxyextras

Leer más
Automatic configuración inicial

Aprende a instalar y configurar Automatic CSS en Oxygen builder para agilizar tus proyectos.

Leer más
LISTADO VIDEOTUTOS