Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Jul 2014
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Fancybox on mobile devices

    Hello guys,

    I have this project that I builded using pieces of code from various sources. It work perfectly on desktop version, but for mobile devices the fancybox does not work. Can anybody give some hint on what is wrong?

    Here's the fiddle: Compass - JSFiddle

    Any help help will be appreciated.

    Regards

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,445
    Thanks
    23
    Thanked 630 Times in 629 Posts
    People that know and code for mobile devices may not come here. You should post in the correct area to attract the programmers you want. Try re-post, but inform them it's a re-post, in http://www.codingforums.com/building-mobile-devices/
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #3
    New to the CF scene
    Join Date
    Jul 2014
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by sunfighter View Post
    People that know and code for mobile devices may not come here. You should post in the correct area to attract the programmers you want. Try re-post, but inform them it's a re-post, in http://www.codingforums.com/building-mobile-devices/
    Thanks, will do that. Actually I posted there and the moderator moved my thread.

  • #4
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,445
    Thanks
    23
    Thanked 630 Times in 629 Posts
    I really don't know why they did that. It is a mobile device question. Maybe since you put It works perfectly on desktop They got confused.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #5
    New Coder
    Join Date
    Aug 2014
    Posts
    97
    Thanks
    0
    Thanked 18 Times in 18 Posts
    It could be a problem with the jsfiddle site not working on mobile for many things. We can't say much about your issue cause you didn't give a link to your website with the actual issue. Trouble shooting on the jsfiddle is pointless in this situation cause you could have things on your site that are making it not work, or the jsfiddle site may just not work properly in this thing either, so we would have no way to know what is what.

    Plus when you say it doesn't work, what does that mean? Does it not open at all? On the fiddle the close X doesn't work? You need to be a little better at explaining your issue. Saying "it doesn't work" is useless to us.

  • #6
    New to the CF scene
    Join Date
    Jul 2014
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by fastsol View Post
    It could be a problem with the jsfiddle site not working on mobile for many things. We can't say much about your issue cause you didn't give a link to your website with the actual issue. Trouble shooting on the jsfiddle is pointless in this situation cause you could have things on your site that are making it not work, or the jsfiddle site may just not work properly in this thing either, so we would have no way to know what is what.

    Plus when you say it doesn't work, what does that mean? Does it not open at all? On the fiddle the close X doesn't work? You need to be a little better at explaining your issue. Saying "it doesn't work" is useless to us.
    Thanks for the answer

    here's the page: Compass

    Answering your question: When you click on the buttons a inline fancybox opens and show some text. This is working perfectly on major browsers, but on my kindle fire, iphone or ipad does not open the fancybox on click event.

  • #7
    New Coder
    Join Date
    Aug 2014
    Posts
    97
    Thanks
    0
    Thanked 18 Times in 18 Posts
    I can't say I know exactly how to fix the issue but it has to do with this main wrapping div for the compass
    Code:
    <div class="compass">
    When you inspect it in chrome or firefox you can see that the main box is not fully over the compass itself, only part of it is. So only some of the links work then, and when you spin the links some others stop working and ones that didn't before now work as they move into the actual div area available.
    Fancybox on mobile devices-compass-screenshot.jpg


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •