Accordion element won't work properly

Hello,

I'm using the accordion element for a biography section and when I click on one of the "+" symbols to expand a section, the rest don't work after that. It's like the accordion function breaks after clicking on one of the accordion tabs.

Can anyone help me sort this out?

url: auroracounseling.us

Comments

  • Hello,

    You have a negative margin for your image, which covers part of the Accordion.

    The part I highlighted on the screenshot covers the accordions, which is why the plus and minus icons are not clickable.

    If you remove this margin, the Accordion will work correctly.


    Best regards

  • This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

    Ok that makes sense...except that's how your tutorials taught me to create overlapping elements. How can I get my photo to overlap the section without affecting the accordion's functionality?

  • You have to move your image only this much to avoid overlapping the accordion.

    Or you can add some padding or margin to the left side of the accordion.


    Best regards

Sign In or Register to comment.