Responsive Tabs jump to wrong vertical position on mobile

Question

Hello!

We're having an issue with Responsive Tabs not positioning to the proper location of the open panel on mobile devices.
Is there a way to fix this in functions.js?

Here is a video capture of the problem on your site:
https://app.crossbrowsertesting.com/public/ia1c1350111b64a2/livetests/14410491/videos/zd9b0a6b2467fce6a521

thank you! we appreciate and love everything you do.
Rye

SemiColonWeb · Accepted Answer

Hello,

This actually is not an Issue. The Opened Container's Height on Responsive Devices is Large and when another Accordion is opened, the Content is pushed upwards due to more Height being closed which is the Default Browser Behavior.

Meanwhile, there is an inbuilt functionality which enables the Accordion to Scroll to its Opened Title Position. To enable this feature, you can simply add the data-accordion-style="scroll-on-open" Attribute to the .tabs-responsive Element. Example:

This will definitely work fine. Hope this Helps!

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

ryearm · Answer

You are most wonderful. Best support ever. Thank you! have a great weekend!