Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Css Not Working On Mobile Question

Question

Posted · Report post

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

http://bit.ly/UJsMz4

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

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 http://www.pagelines.com/store/plugins/browser-css/

Share this post


Link to post
Share on other sites