responsive tabs on mobile devices

6 replies · opened Aug 6, 2019

AaixtremeAug 6, 2019

Hi,
I've implemented a responsive tab application in a page.
This is working in desktop and mobile viewport but not in my cell phone.
When choosing the second tab, the content of this tab is displayed but while starting to scroll it switch back to content of first tab.
Could you please have a look at this?
Thank you for your answer.
aixtreme
(Test URL will follow)

AaixtremeAug 6, 2019

Use Chrome on Android in a LG G5 smartphone.

SSemicolon WebSTAFFAug 10, 2019

Hello,

It appears that the Tabs Responsive Functionality is re-initialized on Address Bar resize when scrolling on the Page which is causing this issue. Please consider deleting the following line of code from inside the SEMICOLON.documentOnResize > init: function() Function Block:

SEMICOLON.widget.tabsResponsiveResize();

This should definitely fix the issue. Hope this Helps!

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

AaixtremeAug 12, 2019

Hm?
Found and deleted this in /js/functions.js in line 2067.
But error still is not fixed (see private URL above).
Thanks for your answer!
aixtreme

SSemicolon WebSTAFFAug 12, 2019

Hello,

We have just checked out the Live js/functions.js File and the following code still exists:

SEMICOLON.widget.tabsResponsiveResize();

Please consider checking this again and delete the Codes mentioned and this should automatically fix the issue.

Hope this Helps!

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

AaixtremeAug 12, 2019

Oh!
Yes.
This is working now.
Thank you!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard