3 replies to this topic

[alisamski]

Is there a reason why css would not work on mobile?

I've disabled mobile view as slideouts would not view properly.

Any ideas?

thanks

Please Login or Register to see this Hidden Content

[James B]

Have you cleared the cache on the mobile device, it might not be showing the changes?

Sometimes you'll need to use browser specific css to target certain items on mobile devices. Pagelines has a browser specific plugin

Please Login or Register to see this Hidden Content

[alisamski]

So, received a reply from the author of the code... Stu Nicols at cssplay.co.uk

explanation below (in case someone else needs to know :-))

this menu is that it does not use :hovers on links to open the sub menus.
These mobile devices only support :hover on links and images as standard.
They can be made to support :hovers on all elements but this does require a small javascript line adding to an outer container div.

Try adding this to your <div id="site" class="fullwidth"> div to see if it works:

<div id="site" class="fullwidth" onclick="this.className=this.className">

It works beautifully on the iphone iOs 6.

[James B]

The topic was marked as resolved.