Ok, now I understand. Temporary solution:
in the style.css please add at the end:
@media (max-width: 1024px) {
.main-navigation {
padding: 0 0 30px 0;
position: relative;
}
.main-navigation:before {
border: 1px solid #777;
border-radius: 2px;
content: "≡ Menu";
cursor: pointer;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
padding: 8px 16px;
}
.nav-menu {
background: #fff;
border: 1px solid #e5e5e5;
left: -9999px;
position: absolute;
width: 300px;
}
.nav-menu li {
border-top: 1px solid #e5e5e5;
text-align: center;
width: 100%;
}
.nav-menu li a {
width: 100%;
}
.nav-menu li.current-menu-item > a {
border-radius: 0;
color: #fff!important;
}
.nav-menu li.current_page_ancestor > a {
border: none!important;
color: #777;
}
.nav-menu li.current-menu-item > a {
color: #fff;
}
.nav-menu li.current-menu-item a + .nav-menu li a {
border-top: 0;
}
.nav-menu .sub-menu,
.nav-menu .children {
background: #f5f5f5;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: auto;
opacity: 1;
position: static;
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1);
width: 100%;
}
.main-navigation.opened .nav-menu {
float: none;
margin: 20px auto;
position: static;
}
}
and in the js/functions.js please replace:
if(jQuery(window).outerWidth() <= 720) {
to:
if(jQuery(window).outerWidth() <= 1024) {
We will try to fix this issue in v.1.5.0 in a different way.
