Jump to content


Photo
- - - - -
Resolved

Css Not Working On Mobile Question



  • Please log in to reply
3 replies to this topic

#1 alisamski

alisamski

    Advocate

  • Members

  • 472 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

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
  • LocationSurrey - UK
  • Country: Country Flag

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

  • 472 posts
  • Framework Version:DMS 2 | DMS 1 | Frameworks | Child Theme
  • Country: Country Flag

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
  • LocationSurrey - UK
  • Country: Country Flag

Posted 16 November 2012 - 09:57 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved