Is it possible to fix the width of a vertical tab's content, to prevent it running to far right and requiring a scroll?
I am trying to use vertical tabs nested in an accordion and the content is not fitting the width of the accordion itself, so I have to scroll to see it all. I would like to be able to set it so that the content fits to the width of the parent accordion.
Can you please try following CSS
.accordions-tabs {
width: 100% !important;
}
.accordions-tabs .tabs-content {
border-radius: 0;
padding: 0;
width: 60% !important;
}
Let me know the result.
Regards
Welcome to our forum.
Can you please send me your live link where you are using tabs?
Regards
Please check my answer above.
The page is here, when you open any of the tabs the text runs out of bounds.
https://otmplcprod.staging.wpengine.com/policies/?target=privacy+policy&id=11#ui-id-12
I am having a similar issue when viewing this page on a mobile, is there a way to make the width of the vertical tabs' content responsive?
https://otmplcprod.staging.wpengine.com/policies/?target=cookie+policy
That has done it, thank you.