iPhone Portrait (320×480) Header Cut off

Community Forums Forums Design Tips and Tricks iPhone Portrait (320×480) Header Cut off

This topic is: resolved

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  Susan 1 year, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #39640

    19prince
    Participant
    Post count: 2

    I’ve been searching around and can’t seem to find the answer.  The header for my site is getting cutoff on both the right and left when the site is iphone portrait (320×480): http://bit.ly/13dRnnu

    Anyone have a fix out there?  Thanks!

     

    #41239

    Susan
    Moderator
    Post count: 7977

    Have you tried the Genesis Responsive Header plugin?


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #41252

    19prince
    Participant
    Post count: 2

    @susan.  thanks for taking a stab.  I fixed the issue by add a media query for portrait phones.  Basically, I just reduced the font size.

    Code sample below.

    /* #### Mobile Phones Portrait #### */
    @media screen and (max-device-width: 480px) and (orientation: portrait) {

    #title {
    font-size: 28px;
    }
    }

    #41256

    Susan
    Moderator
    Post count: 7977

    Glad you got it resolved!


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

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

The topic ‘iPhone Portrait (320×480) Header Cut off’ is closed to new replies.