I think I’ve found the “problem”. In the Dante responsive.css file is on line 128 following code:
@media only screen and (min-width: 992px) {
.mobile-menu-open #container {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mobile-menu-wrap {
visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
display: none;
}
}
As I want to show to mobile menu over 992px I have to add the #mobile-menu-wrap to my piece of code:
@media only screen and (max-width: 1210px) {
.header-6 #logo {
width: 100%;
padding: 0 15px;
top: 0px;
left: 0;
height: auto;
position: relative;
}
#logo a {
float: left;
}
#logo img, #logo img.retina {
width: auto !important;
min-height: 60px;
}
#main-navigation {
display: none;
}
nav.search-nav {
display: none;
}
.visible-sm.visible-xs.mobile-menu-show {
display: block!important;
}
#mobile-menu-wrap {
visibility: visible;
display: block;
}
}
But I think also add the code from the responsive.ss in a modified way:
@media only screen and (min-width: 1211px) {
#mobile-menu-wrap {
visibility: hidden;
display: none;
}
}
Does this makes sense? At least the mobile menu is showing as intended. 😀
.