Good evening,
I noticed that the Accordion item, when set on “elegant” style, doesn’t make the toggles title start a new line before the circled “+” symbol. The title overlaps with the + sign and starts a new line only at the end of the frame.
Of course this isn’t a problem on full desktop view as the titles are never so long, but on a vertical phone it happens quite easily also with short titles.
Could you please set a wider right margin so that the titles can correctly start a new line on every device?
Thank you for your attention,
Gianluigi Baiardi
Hey Gianluigi,
Could you post a link to where we can see the problem in question please?
Best regards,
Rikard
Hi Rikard,
thank you for your reply.
Sure, I’m attaching two links to pages containing accordions with the style settings I mentioned. I’m sending them as private content because we’re a student association very close to public launch, and the website is still missing some important parts such as the privacy policy.
You’ll need to open them from a cell phone or a tablet to see the overlap, which is also probably more easily seen in the second page as titles are longer.
Besides, this is the first time I write here in the forum so let me just add: great job with Enfold! Congratulations to all the team 👍🏻
Best regards,
Gianluigi Baiardi
Hi Gianluigi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) {
.js_active .av-elegant-toggle .toggler {
padding: 35px 50px 30px 35px;
}
}
Best regards,
Rikard
Hi Rikard,
it worked perfectly. Thanks a lot!
Best regards,
Gianluigi
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon