Built in Accordian not responsive?

[Beth]

The built in bootstrap accordian does not seem to be responsive in a layout grid. The "topic" line words at each topic has overlapping, garbled letters although the content text is fine.

I've all configurations for the grid with no change.

Thanks for any help.

[Beth]

Beth again: What I mean to say is the the subject/topic line looks fine in a full screen but becomes overlapping as it is reduced to a smaller breakpoint.

[crispy68]

Do you have a link to the webpage for us to see?

I inserted an accordion and made the title text really long and it seems to wrap for me when previewed.

[Beth]

Thanks for so fast! https://oldbow.com/bow_strings_for_long ... curves.htm

[crispy68]

What version of WB are you using? The code looks slightly different from the one i'm using. Look like either an older version or a different extenion.

[Beth]

V. 17.4.2

[crispy68]

Ahhh...that would be helpful to know from the start. In V19, it is responsive and works as it should. I will have to fire up WB17 to check it there.

EDIT: It seems to work correct for me also in WB17. Can you provide a demo of just that page to see your settings?

[crispy68]

The titles use an H3 tag. Check to see if your line height for an H3 tag is set to 0.04 (or something low). It shows in your code that the H3 tag line height is 0.04 which is what's causing it to scrunch together.

[Pablo]

First note that support for version 17 has ended.
But it looks like the issue is caused by your styles. In heading 3, you have specified a line height of "0.04px"

[Beth]

Problem solved. I didn't pay attention to the default <h3> setting on the bootleg accordion. Changed it to (none) and it's all better. Thank you so much for your help.