Pay money and get answers for your WordPress questions (more info)

Jquery-based menu and slider not working on iPad!

Very strange! I am building a theme which is responsive (@media) and has a homepage slider and super fish menu that have stopped working on the iPad when I am testing. On the iPhone the menu works and the slider is disabled.

js is simply completely disabled on the iPad. Can anybody help me investigate this and reach a result?

the site is: http://bit.ly/VDWGrQ

Answers (1)

2013-02-02

Trevor Green answers:

Just taking a look at the basic error list in chrome, I would assume if you get some of the viewport information wrong it would affect the ipad and iphone. So just change the ; to , and see if that does anything for you. I'm not sure if those kinds of errors are related. I wouldn't think so, but I haven't tested it.

Viewport argument value "device-width;" for key "width" not recognized. Content ignored. Note that ';' is not a separator in viewport values. The list should be comma-separated. /:6
Viewport argument value "1.0;" for key "initial-scale" was truncated to its numeric prefix. Note that ';' is not a separator in viewport values. The list should be comma-separated. /:6
Viewport argument value "1.0;" for key "maximum-scale" was truncated to its numeric prefix. Note that ';' is not a separator in viewport values. The list should be comma-separated.