CSS Tabs Help/Mobile Optimisation | Supply Theme

Excursionist
108 0 1

Hello I need help making my CSS tabs look better on mobile.

Here:

Screenshot_20190816-220910_Chrome.jpg

Screenshot_3.png

The first photo is mobile, it just looks weird, the little gap on the right and it doesn't line up on the bottom. Any suggestions?

0 Likes
Shopify Partner
30 0 2

Your theme does not support the scrolling of tabs, that's why when the section ran out of space, some of the tabs drop below.

You can try implementing jQuery scrolltabs if you are ok with code - http://joshreed.github.io/jQuery-ScrollTabs/

 

Alternatively, maybe you can try out our newly launched app? https://apps.shopify.com/custom-product-accordion-tabs

It automatically creates a scrolling mechanism if there are too many tabs, or you can choose accordion style in mobile to mitigate this problem.

Our technical team will support any transition issues at no extra costs.

Thanks!

 

Screenshot 2019-10-08 at 4.49.44 PM.png

0 Likes