accordion expand

Hello!

We wish to have Accordion on our tabs. No problem setting this up.
But we see a problem, especially on mobile.

When we have an accordion and a lot of information on a tab, it becomes a scroll. (See picture)

What we want is for the entire tab in the accordion to be expanded completely, so there will be no scrolling of the information.

How to change this?

Thanks in advance!

Attachments:

You must be logged in to view attached files.

Hello,

Seems that the password is incorrect: https://take.ms/6nKsv , could you please update it?

Also, please send me a link to such a page with accordions.

Looking forward to collaborating with you!

Kind Regards

Hello again.

Absolutely.
Check out this link.
https://husochhemma.se/produkt/tido-velvet-kontinentalsang-i-sammet-sangpaket-med-paula-gavel-inkl-sangkladespaket/

However, we have set it to Tab now.
So when you’re going to investigate, go into Theme settings > Single products > Tabs, and turn on Accordions and you’ll see the problem.
We don’t want it live until it works.
When you test you can of course have it live.

Thanks

Hello,

Please try to use the below code for help. Enter it into the “Desktop CSS” area in Theme Settings -> Custom CSS.

.single-product .woocommerce-tabs .xts-scroll-content {
    overflow: unset;
    overflow-y: unset;
    max-height: 100%;
    -webkit-overflow-scrolling: unset;
}

Kind Regards

[Author]

Posts