Thanks for you responses. We have solved the issues we were having with the hover buttons by changing the css we were using.
However the logo is still an issue. I know that if we center the logo and remove the white space it will not be cut off so much but that isn’t always possible with some client sites. What we really need is to be able to change the header image as the site shrinks to one better suited to a smaller screen. There is a plugin that is meant to do this called “Genesis Responsive Header” but I have not been able to get it to work with the legacy theme.
Is there a way to get the plugin to work or to otherwise specify a different header image through the media queries?
If our inline code is not the optimal code to use for hover function, what is? We need these buttons to re-size on mobile devices.