Product Tabs on mobile to be accordion

Hi,

Tried looking at your documentation but cannot seem to locate how to change the product tabs to accordions in mobile version.

Please advise.

extra info provided for reference.

Hello,

You are using the Custom Layout for Single Product. Go to Layouts > Edit Layout with Elementor > Edit Product tabs > select the layout accordion.
Screenshot for clarification:
https://ibb.co/NNPr5XC

Best Regards.

Hi, I don’t think I clarified what I would prefer…

I would like to have tabs on desktop and accordion on mobile please.
See screenshot tabs have turned into a slider on mobile: https://ibb.co/LJrgXhg

This product on your demo goes straight to accordion on mobile view:
https://woodmart.xtemos.com/shop/furniture/wooden-single-drawer/

Thanks

Hello,

The issue of the Tabs layout is caused by the Single product Layout that you have set. Please try removing the Single product layout from Dashboard >> Layouts. Then check back.

Sorry but the layout of tabs while using layout builder cannot be controlled by Theme Settings. If you want to use Single product layout then you can either have tabs or accordion layout for the single product tabs.

But Alternately, You can add 2 product tabs elements in the Single product layout and make one to tabs and other to accordion. And hidden the accordion tabs on Desktop and the Simple tabs on Mobile.

Best Regards.

[Author]

Posts