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
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