Archived topic

Woocommerce tabs content expandable on mobile - no JS.

3 replies · Started by Sam on January 8, 2021

Viewing posts 1–4 of 4

January 8, 2021 at 9:08 am #1611209

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

January 8, 2021 at 10:01 am #1611287

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.

January 8, 2021 at 10:05 am #1611300

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,

January 8, 2021 at 10:15 am #1611322

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

This archived topic is closed to new replies.

Start building better websites today.