Page 1 of 1
Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 3:45 pm
by 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.
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:16 pm
by 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.
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:21 pm
by 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.
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:33 pm
by Beth
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:42 pm
by 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.
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:46 pm
by Beth
V. 17.4.2
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:47 pm
by 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?
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:55 pm
by 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.
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 4:57 pm
by 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"
Re: Built in Accordian not responsive?
Posted: Sat Oct 19, 2024 6:18 pm
by 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.