[Support request] Woocommerce tabs content expandable on mobile – no JS.

[Sam]

Hello, I have been searching this forum about this but can’t seem to find a solution. I want to know if it is possible to place the content of a tab (woo product page) so it would be directly below the tab heading (on mobile viewports) rather than underneath all the tab headings? Because I have lots of tabs it pushes it below the edge of the viewport.

I know this is effectively the same as an accordion for tabs and that many times on this forum it is suggested that a plugin should be used. However, I don’t need a fancy java animation when the tab opens, I want to keep it light and just Generatepress. So can I just move the content?

thanks
Sam

[Leo]

Hi there,

There wouldn’t be any solutions in this forum as that’s handled by WooCommerce plugin itself.

You’d need a custom solution to modify the tabs feature unfortunately.

[Sam]

Hi Leo, but the tab display is handled by the theme is it not?

The tabs themselves are just fine it is the display I want to adjust.

thanks,

[Leo]

but the tab display is handled by the theme is it not?

No – GP actually just adds a bit of CSS style to the tab itself and does not change the layout/structure at all.

Here is what it looks like it GP:
https://www.screencast.com/t/Pia7fJyvkh

And here is what it looks like it Twenty Twenty-one:
https://www.screencast.com/t/GAlLDU3r6k

[Author]

Posts