Logo tweaks

1. If you have issues with the logo position for large logo and big menu you can reduce the space between the menu items a bit, using a piece of CSS code inside the dedicated area for Custom CSS Code under the Theme Options Panel:

.top-menu > li > a {
   padding-right: 35px important!;
}

2.  If you have a wide logo and it's too wide for the mobile screens and it goes off the edge of the screen causing the menu button to go down over the top of the slideshow here is the code you need to fix this:

@media all and (max-width: 640px) {
 #logo {
  width: 70% !important;
  height: auto !important;
 }
}

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