Logo on mobile

If you need to adjust your logo on mobile devices, here is a code to do this:

@media all and (max-width: 980px) {
  #sidebar { height: 120px ! important; }
  #content { top: 120px ! important; }
  #logo a { height: 100px ! important; width: 200px !important; }
  .responsive-menu { margin-top: 15px; }
}

This custom css code should make your logo and entire top navigation larger on mobile phones. You can tweak it after your needs.

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