Tagged: Accordion, overlapping, text
Hello
On mobile, the text is overlapping the plus sign on the accordion element (elegant): https://dns.d.pr/bhH8v0/7P1uSbkrGe
Is there a way to force the text to go to a second line before it reaches the plus sign?
Thank you in advance.
Hey sitesme,
Thanks for the screenshot, could you post a link to where we can see the actual elements as well please?
Best regards,
Rikard
Hi, Please check the link in private
Sorry, an update on the site’s URL in private.
Hi sitesme,
Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling:
@media only screen and (max-width:767px) {
#top .av-elegant-toggle .toggler {
padding-right: 55px;
}
}
Hope it helps.
Best regards,
Nikko
Super! Thank you Nikko, it worked perfectly.
I guess this should be changed globally on Enfold in a future version since it will affect all users, if the “accordion title” is a bit longer than usual. The + sign should never overlap with the text. Is there any way this can be added in a future version of Enfold?
Thank you