Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

iFrame interfering with mobile navigation


Webswool

Question

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

Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

8 answers to this question

Recommended Posts

  • 0
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?

Link to post
  • 0

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!

Link to post
  • 0
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.

Link to post
  • 0
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? 

Link to post
  • 0
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!

Link to post
  • 0
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!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...