A client called today to complain that the top right of their new site is cut off. I have checked it with 7 different browsers and 3 machines, and I can not re-create the problem. However, when I check it on browsershots, I can see that the problem is there – http://browsershots.org/http://richardsontreeandlandscapeco.com/#
Main site I am working on – http://richardsontreeandlandscapeco.com/
Can anyone help me figure out what the problem is and how I can fix it. And maybe why I can’t see it, but they can?
Starting point was Metro theme.
OK, I have figured out it is because of the header image they want used; smaller screens and devices can’t see the whole image, which the theme has set ay 1060 px wide.
Is there a responsive way to handle a header so that smaller screens will somehow pull a scaled down image? Or some other solution that will work to accomplish the same thing?
(I don’t know if that is the right question to ask or if it is even possible)
Thanks to this thread – http://www.studiopress.com/forums/topic/header-not-mobile-responsive/ – I installed the Genesis Responsive Header plugin, and after a minor tweak to add the 1024 size to the plugin, it solved my problem. So kudos to Nick the Geek for a great plugin!
The topic ‘Header cut off in some browsers?’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?