I have noticed a problem with the logo when viewing the site at a mobile size, when using the new menu, instead of the older dropdown menu. The main top logo shifts to the far right and goes off the screen, and disappears under the menu button. You can see this at http://goo.gl/hrk0c The logo is fine when using the old drop down menu, it is just the new menu that is the problem.
Hi,
you can try to use a media query to resize the image on mobile devices – eg use:
@media only screen and (max-width: 768px) {
.responsive .logo img {
width: 50%;
}
}
To reduce the image width to 50% of the original width on devices with a (maximum) screen resolution of 768px.