tabs for mobile

6 replies · opened Jul 23, 2021

AandygaofJul 23, 2021

For tabs, something is not comfortable. When I have a long article in one of the tabs, when click it on mobile device. the title and the beginning part move out of the screen. I have to scroll up to find the beginning. Does some way to fix it?

When click the tab on mobile device. the tab's title should not move. Then it's easy to start to read from the beginning.

SSemicolon WebSTAFFJul 24, 2021

Hello,

Apologies for the Inconveniences caused!

Can you please provide us with a Live URL so that we can check out the exact issue with the Tabs and provide you with more assistance on this. 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.

AandygaofJul 24, 2021

http://www.celaudio.com/new/ns2002.html

Try the tabs for multiple times. Sometimes, it's OK, the tab title just move to top of the screen. Sometimes, the tab title will move to somewhere, I have to scroll up to find the beginning.

Sorry for the web page is in Chinese. English version is not ready now.

SSemicolon WebSTAFFJul 26, 2021

Hello,

Thanks for your Patience!

We have checked this out and now we understand what you actually meant. Thanks for the Links and more details. We already have this functionality inbuilt into Canvas. Simply add the .scroll-on-open Class on the .tab DIV. This will enable the functionality which scrolls to the Top of the Title of the Tab when opened on Mobile Devices. Example:
[ch_pre][/ch_pre]

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.

AandygaofJul 27, 2021

Hi,

I have add scroll-on-open to the .tab DIV, same code in your comment. But it's NOT work. Could you please try?

Thanks

Andy

AandygaofJul 27, 2021

I should say, it works sometimes, sometimes not.

SSemicolon WebSTAFFJul 27, 2021

Hello,

Thanks for your Patience!

Consider adding the .scroll-on-open Class on the .tab-container DIV instead.

This should definitely work fine. Hope this Helps!

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

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