Having Issues with responsive tabs

Question

I have a client site that widely utilizes the tab menus and on mobile its bouncing back to tab1 when you scroll down the page on another tab. I've seen others mention a similar issue and I have tried to implement the recommended changes, but to no avail. Any suggestions as to how I can remedy this? The site has been working for years and I have used your template on many projects. This project is my only version that heavily depends on lengthy tab areas on mobile. This one seemed to be fine, but the client just started noticing the issue and without having to rebuild the whole site, is there another fix that you would recommend?

Here's a link to the live site:
http://www.infinityhomescorp.com/communities_avalonmeadows.aspx

Thanks, you guys DO rock.

SemiColonWeb · Accepted Answer

Hello,

Apologies about the Inconveniences caused!

Can you please confirm if this issue happens on Mobile Devices or Desktops. Or on Screen Resize. Additionally, a Screencast of the issue will be very helpful in detecting the exact cause. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

mcrand73 · Answer

It's only on mobile (phones that is, on a tablet it seems solid). Desktop version functions solid. It's not an issue with users re-sizing the screen.
If you take a look at the example link on a phone, you'll notice the accordion always resets to tab1 if you scroll down to read content in the other tabs.

Semicolon Web · Answer

Hello,

Thanks for providing more details on this.

We have checked out your codes and the issue is that you are using a Very Old Version of Canvas which is causing this error. This issue was already resolved in the most recent versions of Canvas. Updating Canvas to the Latest Version on your Website will automatically fix this issue.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.