Jump to content


Photo
- - - - -
Resolved

Css Not Working On Mobile Question



This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 alisamski

alisamski

    Advocate

  • Members

  • 485 posts

Posted 16 November 2012 - 02:21 AM

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



#2 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 16 November 2012 - 03:07 AM

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



#3 alisamski

alisamski

    Advocate

  • Members

  • 485 posts

Posted 16 November 2012 - 09:31 PM

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.

#4 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 16 November 2012 - 09:57 PM

The topic was marked as resolved.