Menu disappears

[Minet]

Hello, I love Asteria, but I have a problem with the menu. When I change the resolution of my screen menu disappears. This is the web http://www.sunnytours.es/

What is it? What can I do?

[Towfiq I.]

Add this to your Custom CSS:

@media screen and (max-width: 1085px){
#simple-menu {
display: block;
float: right;
background: rgba(0, 0, 0, 0.5);
padding: 15px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 1.5%;
}
#topmenu {
display: none;
}
}
/*SIDR PLUGIN STYLE*/
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;background:#333;color:#fff}
.sidr .sidr-inner{padding:0 0 15px}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}
.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}
.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}
.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}
.sidr ul li ul li:last-child{border-bottom:none}
.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}

[Minet]

Thank you very much for the answers but the problem is not resolved.

Between responsitive menu and the regular menu, there is a space without menu 🙁

[Towfiq I.]

replace this:

@media screen and (max-width: 1085px){
#simple-menu {
display: block;

with this:

@media screen and (max-width: 1085px){
#simple-menu {
display: block!important;

[Minet]

Great, thank you very much. It´s solved