Logo Tweaks

If you want to make adjustments to your logo, paste the code you need inside the dedicated area for  Custom CSS Code under the Theme Options Panel  

  • Adjust the position of the menu in order to be perfectly aligned with the logo:
#main-menu, #filter-opener, #menu-opener {padding-top: 10px; }
  • Adjust the position of the logo if the above doesn't work (you can also use negative values in the snippet below):
#logo {margin-top: 4px; }
  • Adjust your logo width if is too large for mobile devices (edit both values as required):
@media all and (max-width: 510px) {    
   #logo { 
	width: 200px !important;
	height: auto !important;    
   }    
   #logo img { 
        width: 100% !important;       
        height: auto !important; 
   } 
}

Please edit the values after your own needs.