Help with CSS and accordions on product page

Store Design
1

I’m stumped, I had a developer (who was finished the project a few months ago) who created my webpage/designed it and everything is working great. I am unable to reach him now as his contact information has changed. Since then, I added a new accordion field on my product pages and I am trying to figure out how to have all but the first accordion “collapsed” (Example product page - https://www.heycysters.com/products/balance-her-capsules). On the bottom, the four accordion options (in a list) are the ones I am referring to. The last option of “Caution” is left opened upon page load and I can not find anywhere in the code to make this “collapsed” upon page load.

For what its worth, this was designed using Advanced Custom Fields. I reached out to them and they deferred it back to the coding in the webpage/theme itself.

Any help is appreciated!

1 Like
2

Hi there @Ovlique ,

I don’t think that you need to add custom code to make an accordion when you are already paying for an app to do so. I’ve inspected your store and the only thing I could find is that your JavaScript/JQuery code is not being applied to the last accordion option on page reload. You should try asking the support one more time.