Howdy,
Is there a way to increase the width of the teb sections so the name can be on one line? The title of the tab section is a name and it is long and it ends up breaking up into multiple lines. This is happening to all 3 of the titles on my page.
Hey lauragale2020,
Thank you for the inquiry.
You can use this css code to adjust the width of the tab section title:
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.av-inner-tab-title, .av-tab-arrow-container, .av-tab-section-icon, .av-tab-section-image {
width: 200px;
}
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward. Let us know the result.
Best regards,
Ismael
Thank you! is there a way for this also to apply on mobile and tablet?
Hi,
Thank you for the update.
To apply the same modification on mobile and tablet view, you can remove the css media query or replace the previous css rule with the following code:
.av-inner-tab-title, .av-tab-arrow-container, .av-tab-section-icon, .av-tab-section-image {
width: 200px;
}
Let us know the result.
Best regards,
Ismael
Thank you! I noticed the content inside the tab is getting cut off. This is happening on both desktop, tablet, and mobile