Selectable text under stretched link accordion

[rlemer]

Hiya! New here

Hoping for help with a lyrics page for my band website. Got accordions with stretched link so it’s easy to open/close by clicking anywhere on the pink header.

Neon Gru | Lyrics

But as they’re lyrics I’d like for people to be able to select the text in the accordion paragraph body and copy it if they want to. Right now you can’t select the text as it will just close the accordion.

Is there a way to not include the paragraph body in the ‘stretched-link’ so it’s selectable? or any other solution? many many thanks

~ Ru

[PeteSharp]

There are several reasons a stretched link class will causes issues and it’s related to its parent container.

In this case you will need to add position relative to the card header, and it should fix it.

You can use the class .postion-relative or a custom class.

[rlemer]

Thank you so much!! Such a simple solution but worked perfectly. Really appreciate you taking the time Pete