Logo Responsive Tweaks

If you're trying to adjust the logo appearance on mobile here is a custom code that you can use for this:

@media all and (max-width: 380px){
   #logo a {
      width: 100% !important;
   }
   .responsive {
      font-size: 0;
      width: 50px;
   }
   #menu > ul {
      left: 48px !important;
   }
}

If you have issues with the logo size for mobile display here is how you could fix it with a bit of custom css:

@media all and (max-width: 580px) {
   #logo a, #logo a img {
      width: 100% !important;
      height: auto;
   }
}

Please paste the code you need inside the dedicated area for Custom CSS Code under the Theme Options Panel.