Header cut off in some browsers?

Community Forums Forums General Discussion Header cut off in some browsers?

This topic is: resolved

Tagged: , ,

This topic contains 2 replies, has 1 voice, and was last updated by  Paul 1 year, 5 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #33352

    Paul
    Participant
    Post count: 56

    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.

    #33370

    Paul
    Participant
    Post count: 56

    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)

    #33396

    Paul
    Participant
    Post count: 56

    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!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Header cut off in some browsers?’ is closed to new replies.