Accordion is not working in mobile version

Are you able to share a link and describe the problem (e.g. is it not opening, are the styles not how you'd expect, etc.)?

 

Thanks Suhaila. I can see three things that need to be changed.

1) Your code for implementing the mobile accordion only handles the first three items:

Code:

Log In or Sign Up to view this code.

Change this to also handle clicks on the 4th and 5th tabs, like so:

Code:

Log In or Sign Up to view this code.

2) The section containing the "LHDN MY E-Invoice (MYEI)" tab has the wrong class. It has the class "solution-accordion-4", but it should be "solution-accordion-5".

3) Each of the content sections, "#solution-tab-1", "#solution-tab-2", etc. also has the class "solution-accordion-4". This should be removed from them otherwise, when you implement the code change above, clicking on the content of any tab would, incorrectly, toggle the "Cross Border Payment" tab.

Hopefully that will get the accordion working correctly!

 

Hi Suhaila,

I can't tell for sure where the code is added, but I think you will probably find it in one of the code boxes at:

WP Dashboard > Divi > Theme Options > Integrations

But as it's custom code that's been added to your site, there are other places it might be, so if you don't find it there, check to see if you are using a child theme - it might be in one of its files if you are.

If you want clicking in the content area (as well as the button) to be able to close the section then rename the classes. But otherwise delete them so that only the tab titles can be used to open / close the content.

 

Hi Suhaila,

It looks like the class on the section for your fifth accordion is misspelled - it is currently "solution-accordian-5" (with an "a"), where it should be "solution-accordion-5" (with an "o"). I think if you correct that, it should get it working.

Hope that helps!