iFrame interfering with mobile navigation

Site URL: https://roxlife.co.uk

I've embedded a third-party iframe on a website and am noticing an irritating issue when the site is accessed on mobile... the iframe is a gym class booking system and it uses one (unlinked) page as its home.

On mobile, if I click on 'view class timetable' on the navigation menu, the menu closes and I am taken to the page that houses the iframe embed, and I see the class timetable. If I then want to navigate to another page hosted by the iframe (e.g. 'buy class passes') the mobile menu doesn't close unless I click the 'X' - I'm guessing it's because I'm not changing page, just loading a different page in the iframe. 

I know it's simple enough to just click the 'x' but was wondering if anyone knew a workaround to make it all feel a little less clunky? 

Any help would be amazing!

Site is live: https://roxlife.co.uk

2 hours ago, Webswool said:

Site URL: https://roxlife.co.uk

I've embedded a third-party iframe on a website and am noticing an irritating issue when the site is accessed on mobile... the iframe is a gym class booking system and it uses one (unlinked) page as its home.

On mobile, if I click on 'view class timetable' on the navigation menu, the menu closes and I am taken to the page that houses the iframe embed, and I see the class timetable. If I then want to navigate to another page hosted by the iframe (e.g. 'buy class passes') the mobile menu doesn't close unless I click the 'X' - I'm guessing it's because I'm not changing page, just loading a different page in the iframe. 

I know it's simple enough to just click the 'x' but was wondering if anyone knew a workaround to make it all feel a little less clunky? 

Any help would be amazing!

Site is live: https://roxlife.co.uk

I’m not finding any issues with the mobile navigation menu. But are you wanting the mobile menu to only close by something else other than there being an “X” button?

Ah, so the issue was only affecting the user journey if they navigated from one page hosted by an IFrame to another (so from Timetable to Buy Bundles, or vice versa)

I actually managed to find a (potentially temporary) fix by providing a separate page for the IFrame embed for one of the pages (in my case, Buy Bundles). I’m not convinced it’s the best fix and I still need to do some testing but it seems to be a start!

On 10/21/2020 at 1:58 AM, Webswool said:

Ah, so the issue was only affecting the user journey if they navigated from one page hosted by an IFrame to another (so from Timetable to Buy Bundles, or vice versa)

I actually managed to find a (potentially temporary) fix by providing a separate page for the IFrame embed for one of the pages (in my case, Buy Bundles). I’m not convinced it’s the best fix and I still need to do some testing but it seems to be a start!

Did you fix the rest of you problems yet? Pls tag me when you reply because I’m not getting notifications for some reason.

@inunzi I think I've solved the issue - I created a separate page for each of the iframe embeds. It's been a few days and so far so good!

6 hours ago, Webswool said:

@inunzi I think I've solved the issue - I created a separate page for each of the iframe embeds. It's been a few days and so far so good!

Great! Anything else you having problems with? 

@inunziThankfully not at the moment!

1 minute ago, Webswool said:

@inunziThankfully not at the moment!

Ok, that’s great to hear! 😁 just remember you can ask me, or anyone else on this forum for help if you have anymore issues!

Just now, inunzi said:

Ok, that’s great to hear! 😁 just remember you can ask me, or anyone else on this forum for help if you have anymore issues!

And also thank you so much for tagging me!