WordPress.org

Ready to get started?Download WordPress

Forums

[twenty twelve] viewport content width (3 posts)

  1. funkycamel
    Member
    Posted 1 year ago #

    Can any one explain this one to me.

    I'm building a child theme off the twenty twelve theme. When I view the site on an ipad the background was being cut off and the screen was rendering like it was around 760px wide not 1024?

    I thought it was something to do with my css but this happens on the un-edited twentytwelve theme as well.

    In the header I changed <meta name="viewport" content="width-device-width" /> to
    <meta name="viewport" content="initial-scale=1" /> and now the ipad version renders how it should. Can someone explain why it was shrinking the screen to around 760px when the ipad width is 1024?

    thank you

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    When I view the site on an ipad the background was being cut off and the screen was rendering like it was around 760px wide not 1024?

    Check whether this issue persists on the theme's demo website.

    If it doesn't, can you link your webpage?

  3. funkycamel
    Member
    Posted 1 year ago #

    Hi Andrew

    I can't tell on the theme demo page. Basically I had a background image that played a big part in the design and that's how I could tell it wasn't rendering to the correct size.

    I've since modified the header viewport code to :

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">

    and this sorts it. I've built 4 or 5 child themes from the twentytwelve theme but never noticed this. Probably due to the backgrounds i've been using and having no basis for size

Topic Closed

This topic has been closed to new replies.

About this Topic