Menu icon Foundation
Off Canvas not working on certain pages

I have a site that was built on Foundation 5 and which generally works well. I am using an Off Canvas menu for mobile - when testing it in my desktop browser (Chrome, Firefox, Safari) it works perfectly when I resize to below 640px. On my iPhone, however, only some pages work - the others continue to show the main nav.

I have looked through the markup for the pages that do not work and do not see anything different - in fact, all of the Off Canvas stuff is in the header / footer, which are loaded as includes for all pages.

Has anyone seen anything like this before? Any suggestions greatly appreciated!

Here a link to the site: http://kiskahosting.com/tiffanywoodyoga/ You can see that, for instance, the Blog page works, but the Videos page does not.

Roi

off canvas

I have a site that was built on Foundation 5 and which generally works well. I am using an Off Canvas menu for mobile - when testing it in my desktop browser (Chrome, Firefox, Safari) it works perfectly when I resize to below 640px. On my iPhone, however, only some pages work - the others continue to show the main nav.

I have looked through the markup for the pages that do not work and do not see anything different - in fact, all of the Off Canvas stuff is in the header / footer, which are loaded as includes for all pages.

Has anyone seen anything like this before? Any suggestions greatly appreciated!

Here a link to the site: http://kiskahosting.com/tiffanywoodyoga/ You can see that, for instance, the Blog page works, but the Videos page does not.

Roi

Rafi Benkual almost 5 years ago

The videos, calendar, and about pages have this issue. They also do not scale properly. I would guess there is an issue with your viewport tag but I didn't have a change to deeply investigate.