[resolved] Header is cropped when viewed on iPad or window is resized (7 posts)

  1. b2moore
    Posted 3 years ago #

    Hey Guys,

    Recently I was visiting my site (byteaspect.com) on an iPad and noticed that the header was cropped. I could recreate the problem on my desktop computer by resizing the window and then scrolling to the right (see image). I've managed to get the ad to display without getting cropped, but the header in its entirety is still cropped.

    I've uploaded the css for the header (and then some) to pastebin.com: here

    Any help would be awesome!

    Thanks! :)

  2. Jose Castaneda
    Posted 3 years ago #

    It's the #header div that is creating that. One solution would be adding:

    #header { min-width: 960px; }
  3. b2moore
    Posted 3 years ago #

    Thanks so much! That was really getting on my nerves.

  4. b2moore
    Posted 3 years ago #

    Oops, that worked great on chrome! However, safari doesn't support the min-width tag. Is there an alternative way of keeping this from happening?

    Thanks :)

  5. WPyogi
    Forum Moderator
    Posted 3 years ago #

    According to the W3C, min-width is supported by all browsers:


  6. b2moore
    Posted 3 years ago #

    Excuse me, it does work for some elements, but not for divs (which is what I need).

    Thanks in advance. :)

  7. b2moore
    Posted 3 years ago #

    Never-mind, I think I've got it now.

    Thanks for the help!

Topic Closed

This topic has been closed to new replies.

About this Topic