How can I configure my website to look the same on an iPad?

  • Unknown's avatar

    Hello, i set up my blog with an hp. When i try to look it up online from an iPad, it looks different, how do I fix this?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Could you please let me know what exactly looks different?

  • Unknown's avatar

    The size of it. When I look at the home page (for example) on my PC, the banner is much larger than how it actually appears on the mac (the mac is cutting a large portion of it). Is there a way I can change the settings in my interface for it to look universal whether it’s a PC or a mac? Thanks ahead of your help

  • I can see the behavior you are describing.

    It is likely because of the background image you are using and the size of the ipad screen. So, there are a couple different paths you can take:

    1) create a smaller header graphic for mobile and then call it in with some conditional CSS.
    2) hide the header for smaller devices
    3) try reducing the background-size using conditional CSS for smaller viewports

    You’d need to aim for 768px for iPads. It might be worth reading this page:

    iPad-Specific CSS

  • Unknown's avatar

    Hello, i went into the css section and i must have accidentally pressed/erased a key and now i dont know how to undo what i did (which changed the way my banner lands completely). Im really not a pro and i dont understand how to do these changes. Can someone assist me over the phone?? Thatd be very helpful. Thanks

  • So there is a log of recent CSS changes. When you are in the theme customizer, look in the upper right hand corner for the “CSS Revisions” link shown in this screenshot:

    http://cl.ly/image/210i1P0D0i3r

    In general, the best place for “how do I do this” CSS questions is the “CSS Customization forum. There are lot of CSS experts hanging around there that should be able to help you out:

    https://en.forums.wordpress.com/forum/css-customization

  • The topic ‘How can I configure my website to look the same on an iPad?’ is closed to new replies.