/* enable class below once you're done editing the menu*/
/*
.fullwidth-menu {
visibility:hidden;
transform:translateX(100%);
}
*/
.fullwidth-menu {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
.line {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #333333;
opacity: 1;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
.line-2 {
top: 12px;
width: 80%;
}
.line-3 {
top: 24px;
width: 60%;
}
.fullwidth-open:hover {
cursor: pointer;
}
.fullwidth-open.open .line-1 {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.fullwidth-open.open .line-2 {
display: none;
}
.fullwidth-open.open .line-3 {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
width: 100%;
}
.fullwidth-menu-open {
visibility: visible;
transform: translateX(0%) !important;
}
#et-main-area {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
jQuery(document).ready(function ($) {
var menuSection = $(".fullwidth-menu");
var hamburgerIcon = $(".fullwidth-open");
menuSection.css("transform", "translateX(100%)");
hamburgerIcon.click(function () {
$(this).toggleClass("open");
menuSection.toggleClass("fullwidth-menu-open");
});
});
Area Riservata
