Accordin menu - title is two lines long and doesn't break nicely

[aureliabergs]

Hi there,

I have a long title in one of the tabs of my accordion. In smaller browser windows it breaks into two lines, but the second line starts under the icon instead of under the first letter of the first line and looks odd. How can I change this?

See screenshot

Thanks!

[john]

Hello,

If you could post some logins details in a secure note and we`d be happy to take a look.

P.S: You can search by “secure note” on this article if you don`t know about this: https://theme.co/apex/forum/t/themeco-support-overview/288

[aureliabergs]

Added now! Thank you

[Joao]

Hi There,

Your chosen font looks good, unfortunately when the font is reduced too much is hard to read, I would recommend you leaving as it is.

In case you decide to reduce , please add the following code to Theme Options CSS

@media(max-width: 980px) {
.x-accordion-heading .x-accordion-toggle.collapsed {
font-size: 15px;
}}

Hope it helps

[aureliabergs]

Hi there,

Thank you, I don’t want to reduce the font size, I only want to indent the second line of text, so the second line doesn’t start under the icon but under the first word of the first line. Is that possible?

Thank you

[christopher]

Hi there,

Please kindly add the CSS code below to X > Launch > Options > CSS:

.x-accordion-toggle,
.x-accordion-toggle:before {
    display: flex !important;
}

.x-accordion-toggle:before {
    margin-top: 8px;
}

Thank you.