WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. b2moore
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

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

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

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

  4. b2moore
    Member
    Posted 1 year 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
    Volunteer Moderator
    Posted 1 year ago #

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

    http://www.w3schools.com/cssref/pr_dim_min-width.asp

  6. b2moore
    Member
    Posted 1 year ago #

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

    Thanks in advance. :)

  7. b2moore
    Member
    Posted 1 year 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