Problems with the ipad/iphone and my new website

**crazysarah** · 11-22-2012, 11:28 AM

Hi all. I've just finished coding up my first proper website and having tested it on all the browsers you can install on a windows PC I was hoping that things would go painlessly. Not so...

When I borrowed my friends ipad and looked the page took an absolute age to load. And sometimes it wouldn't load at all. After checking other websites etc I'm sure it's not the connection. I have some Javascript I had never used before, could this be causing the problem? Sometimes it looks like it's taking a long time loading the FB, google and twitter buttons. Do they cause problems on iphones and ipads?

Unfortunately my problem is made worse because I can't easily get my hands on an ianything as I don't own one myself and all the emulators/simulators I've found don't appear to be 100% authentic. So it'd even be useful if someone could tell me if they have problems too.

Can anyone help me out?
the site's at

I'd appreciate it

**Karenkcoulter** · 11-22-2012, 02:24 PM

The page loads acceptably in my iPhone 5. I only went to the home page.

**crazysarah** · 11-22-2012, 03:11 PM

Well thats good to hear, thanks for that. Strange though. The ipad I checked it on was brand new.

Anyone else have no issues?

**SweetSCBerry** · 11-22-2012, 04:42 PM

It works for me with no issues.

Sent from my iP5 using Tapatalk

**crazysarah** · 11-22-2012, 05:45 PM

Hummm... I wonder if my friends ipad is broken then... It's pretty new (like a couple of months old) but pages just wouldn't load properly. Not only the really long loading times but also some css issues (horizontal nav bar goes onto two lines so there is a 'price range' link hovering just below the horizontal nav bar.

Any body got an older pad or phone? looks like only 5s so far

thanks by the way, I really appreciate this and really want to get this sorted.

**Karenkcoulter** · 11-22-2012, 07:02 PM

I'll try again when I get home on my iPad. At thanksgiving with the in-laws right now.

**Karenkcoulter** · 11-22-2012, 08:37 PM

I just tried it on my iPad. Everything appears to be working except the drop down menus. I clicked around, added something to the shopping cart, deleted it from the cart, used the left side menus where they were available, clicked some of the links at the bottom, etc. but even zoomed in I couldn't get the drop down menus to work.

**crazysarah** · 11-23-2012, 07:33 AM

Bugga... Ok, I'll have to go and figure all this out then. Thank you very much for taking the time to look for me.

**Karenkcoulter** · 11-23-2012, 02:31 PM

I took a quick look at the page source, javascript, and css and without digging into it too much, I'd guess that your problem is because you've only defined hovers for the dropdown menus. And obviously hovers don't work for touch screen devices. Maybe they should also show up "onClick"? It looks like you are using jQuery (although I'm not sure if you were using it for the dropdown menus). There is also a jQuery Mobile set of javascript which may help.

BTW...if this is your time designing and creating a website, it's pretty impressive.

**crazysarah** · 11-23-2012, 03:41 PM

Hi Karen, thanks, can't take credit for the design, got a designer to do that for me. It's my first proper website, rather than just using a slightly modified opensource cart with a template. I've done a bit of custom coding and using javascript for the first time and learned a bunch on the way. So first proper website.

Re the hover thing. I've checked and they work on my touch screen android when I touch them. To be fair that menu is based on a plugin and off the top of my head I can't remember how its put together. I'll have to go and figure it out

Thanks for the info. Very kind.