Flatten Product Tabs on Mobile Devices

New Member
1 0 0

Hey everyone,

We're rolling out the next rev on our web store and are having an issue witht the tabs in the product pages.  We're using the Retina theme and are very happy with it.  It was a no brainer to change over to the tabs as our product descriptions continued to grow and made it copy heavy.

Now we're seeing that users on mobile devices aren't really identifiying the tabs as tabs.  With 80%+ of our user base coming to us on mobile platforms this is obviously something we want to address.

What I would like is for the tabs to flatten out when it detects a mobile device.  Something that makes it more obvious or handles the viewing differently.  I'm open to thoughts on this one as flattening tabs is a pretty normal thing for wordpress sites etc.  This is our first eCommerce venture, so the nuances are sticking out a bit.

Thanks in advance!


Shopify Expert
2684 67 814

Hi Chris, I was faced with the similar problem. You can see how I approached the problem here


Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
3 0 2

Hi Chris,


Did you find a solution for this issue? Now I am facing the same one - my product tabs become quite messy when viewed on mobile, so I would like to make them stay in a single row.