Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    May 2011
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation iPhone/iPad cuts off right side of site

    Hello,

    I'm experiencing a curious issue when viewing my website on either an iPhone or an iPad. The right side of both my header and footer gets cut off, while the rest of the page loads correctly. I have not tested this on Android devices, but I imagine it is probably found there, too.

    My header and footer are both set to 100% width and run some javascript and css to provide the animation (which shouldn't be causing this issue). I've tried adding a meta tag with a name "viewport" and putting some @media in my css file. But, it seems I may be barking up the wrong tree with both of those attempts.

    Feel free to take a look at my code and try to figure this one out with me.

    www.dauidusdesign.com

    Please let me know if you've ever seen this happening before.

  • #2
    New Coder
    Join Date
    May 2011
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Arrow

    Fixed it!

    Silly me... just had to put <meta name="viewport" content="width=1100" /> in my header and it worked like a charm.

    Cheers

  • #3
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Wow - this worked perfectly for me - glad i found this thread off google!

    I know it's been almost a year since you posted this but thank you!

  • #4
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Im sorry but I am completely new to making websites and have encountered this problem. When i view my website on an iPhone or iPad, the right side of the banner and footer image cuts off. where should i add the <meta name="viewport" content="width=1100" /> .. on the pages code or the css?.

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,700
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Quote Originally Posted by ltong88 View Post
    where should i add the <meta name="viewport" content="width=1100" /> .. on the pages code or the css?.
    That’s an HTML element, so in the head section of the HTML document, of course.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •