Cannot display Footer/Menu on mobile

I cannot display the footer menu on mobile. I know that it is disabled. I tried to enable in QUICK CSS but it did not go,
Here it is:

@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px)
{ 
      .avia-fullscreen-slider .avia-slideshow>ul>li {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

}

@media only screen and (max-width: 1140px) { 
.av-main-nav > li > a { padding: 0 7px; }}

.avia-fullscreen-slider .avia-slideshow>ul>li.av-mobile-fallback-image {
width: 100%;
height: 100%;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
} 

@media only screen and (max-width: 480px) { 
 #top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next { 
       max-height: 220px;
   }
}

@media only screen and (max-width: 767px) { #socket { display: none !important;}}

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select  {
 color: #000000!important;
}

@media only screen and (max-width: 767px) {
#header_meta {
  display:none !important;
}
}

.sub_menu_socket {
display:none !important;
}

@media only screen and (max-width: 767px){
.responsive #socket .sub_menu_socket {
    display: block !important;
}}

The site is https://bigrigwraps.feelinginspired.ca/bigrigwraps
What am I doing wrong? I have added the login.