We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (9)

Resolved menu not working on iphone or ipad

0
Votes
Undo
  1. Kevin Brown
    Kevin Brown
  2. General Discussion
  3. Saturday, 02 August 2014
  4.  Subscribe via email
I have just built and released a site for a friend of mine using the t3-bs3-blank template.

I tested it on Google Chrome, Firefox, Internet Explorer 11 and my Android phone... it worked fine so I was happy to release it.

However, as soon as I did, he tells me that it doesn't work on his phone, his apple mac, or his girlfriends tablet!

So.. i borrowed my wife's iPhone 5c and surely enough - the collapsed navbar just doesn't work at all.

You can see the site here: http://www.gardenandponds.co.uk

I have been googling this for well over an hour and trying various fixes - but nothing seems to fix it. Is anybody able to tell me why the dropdown menu (collapsed navbar) isn't working on an iPhone?

I'm stuck :(

Thanks muchly

Kev
References
  1. http://www.gardenandponds.co.uk
Comment
There are no comments made yet.
Responses (9)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Kevin Brown,

I need time to check and figure out the problem for you. This only happens in iOS, it works properly in android. There can be JS conflict.

Your patience is highly appreciated.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Kevin Brown
Kevin Brown
Accepted Answer Pending Moderation
0
Votes
Undo
Thats great, thanks for looking into it. I await with baited breath. :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Sure, I will ping you when I get solution :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Kevin Brown
Kevin Brown
Accepted Answer Pending Moderation
0
Votes
Undo
Any joy? The site has been live nearly a week but nobody with an iPhone or iPad can use it :(

I may have to work on an alternative site :(
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Kevin Brown
Kevin Brown
Accepted Answer Pending Moderation
0
Votes
Undo
I figured it out for myself, and it was a stupid mistake. However, I thought I would share the resolution here in case anybody else has a similar issue.

My code was taken from an example of how to display HTML5 video. I just modified it with my video details.

<video autoplay="" loop="" poster="/images/video/koi.png" id="bgvid" __idm_id__="640001">

<source src="/images/video/koi_live.mp4" type="video/mp4">

<source src="/images/video/koi_live.webm" type="video/webm">

<source src="/images/video/koi_live.ogv" type="video/ogg">

</video>



<script>

var video = document.getElementById("bgvideo");

video.addEventListener('touchstart', function(e) {

e.preventDefault();

video.play();

}

</script>


The ID of the <VIDEO> element was "bgvid", but the script was using "bgvideo". I don't know why this caused the collapsed nav to break, but all I did was change the ID of the <VIDEO> element to "bgvideo" and it all started working properly again. :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, I did try many times but got no results. It only happened in iOS but only in iPhone 5, in iPhone, it worked properly.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Kevin Brown
Kevin Brown
Accepted Answer Pending Moderation
0
Votes
Undo
Its a very odd one for sure. :) I would never have spotted it in testing. I guess i'll have to start borrowing my wifes iPhone from now on as part of my testing. lol. Thanks for looking into it anyway.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
You're welcome, Kevin :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
Helen Horton
Helen Horton
Accepted Answer Pending Moderation
0
Votes
Undo
I am having the same problem. Have set up off canvas menu and left collapse on small screen as no but nothing changes. Mine is not a video problem though. See my site -
Indalobowlingclub.org
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.