Lorem ipsum

Mombi.sk Mobile menu that moves content

/* mobile menu */
@media (max-width: 768px) {
.navigation-in {background-color: #488b84;}
.navigation-in a {color: #fff; font-size: 18px;}
.navigation-in .menu-level-2 a {color: #bad4d2;}
.navigation-in a:hover {color: #292f33 !important;}
.navigation-in ul li a, .navigation-in ul.menu-level-2 li a {text-align: center; padding: 14px;}
.navigation-in>ul>li {border-color: transparent;}
.navigation-in .menu-level-1:before {
content: '';
height: 100px;
width: 90%;
margin: 5%;
display: block;
background: url("https://cdn.myshoptet.com/usr/415417.myshoptet.com/user/logos/logo_horizontal.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.navigation-close {color: #fff;}
#navigation {background-color: #488b84;}
.top-navigation-menu, .top-navigation-contacts {background-color: #488b84;}

/* mobile menu from left Classic */
.navigation-window-visible #navigation {width: 250px;}
.overall-wrapper {transition: margin 400ms;}
.navigation-window-visible .overall-wrapper {margin-left: -250px; width: 100%;}
.navigation-window-visible .top-navigation-menu {display: none !important;}
.navigation-window-visible .container>div.top-navigation-contacts {left: unset !important; right: 10px;}
.navigation-window-visible .container>div.top-navigation-contacts a {color: #fff;}
}