Author Topic: Display on iPad incorrectly  (Read 4230 times)

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Display on iPad incorrectly
« on: April 22, 2014, 03:33:35 AM »
Hello guys,

Not sure how to properly put this, but here goes:

My site is displaying my site properly on PC and my mobile phone but things are quite out of place when it comes to iPad. How can I fix this?

Feel free to take a look:
www.tupeihookah.com

Thanks in advance.

Kwong

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Display on iPad incorrectly
« Reply #1 on: April 22, 2014, 06:21:49 AM »
Possibly this is because of modifications you did in styles (CSS) or big image that you added in the header.
You can use Firefox firebug to inspect HTML elements and you can use Responsive design view in developer tools under Firefox

Once you identify the problem you can apply fix only for ipad screen resolution in correct @media section of style.css
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Re: Display on iPad incorrectly
« Reply #2 on: April 22, 2014, 07:29:56 AM »
Possibly this is because of modifications you did in styles (CSS) or big image that you added in the header.
You can use Firefox firebug to inspect HTML elements and you can use Responsive design view in developer tools under Firefox

Once you identify the problem you can apply fix only for ipad screen resolution in correct @media section of style.css

Thanks for your prompt reply abantecart, I will try to identify the problem.

For the mean time if anyone can identify the problem here please let me know. appreciate it :)

Thanks,
Kwong

gordontaylor

  • Guest
Re: Display on iPad incorrectly
« Reply #3 on: April 22, 2014, 12:41:00 PM »
As AbanteCart said, it's that large header image you have. iPad uses Safari as it's browser (unless you're installed a different one) and your style sheet would need to include the fixes for viewing on Safari.

AbanteCart developers worked very had producing this shopping cart, but there are a few issues with different browsers.

You'll need to find a webkit fix for Safari and Chrome 10+ and add it to your style sheet or get rid of that image.

 

Powered by SMFPacks Social Login Mod