[IanHepParticipant]

I have set up a simple FAQ page (http://www.breakthroughprojectmanagement.com/faq/).

BUT the accordion only works in a Chrome browser on my Windows PC. I wont work on Android. And on a PC IE, Edge, & Opera on Windows, Safari on Mac, and on iPad, dont work either.

By “dont work”, I mean clicking on the Item header does not reveal the detailed text.

My Theme, Plugins & WordPress are all up to date.

Please help!

Thanks

[IanHepParticipant]

Quick Update

I have set all the accordion sections to “start open”, so at least page visitors can see the full content. It still has the same issue, in that I can only minimise the text by clicking the heading on Chrome for PC. The other browsers have the same problem of the heading click not working.

BTW, the cursor does change when I hover over the heading as though there is something behind it, but it doesnt do anything when I click.

[JoaoModerator]

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Also please add the following code to Appereance Customizer Custom CSS

.x-navbar.x-navbar-fixed-left {
    overflow: visible;
}

This code is not related to the accordions but to another issue I noticed on your sidebar menu.

Let us know how it goes,

Thanks

Joao

[IanHepParticipant]

It was a plug-in Conflict.

I was using a ReCaptcha plug-in – It was “reCAPTCHA in WP comments form” https://wordpress.org/plugins/recaptcha-in-wp-comments-form/

I replaced this with a different plugin, “WordPress ReCaptcha Integration”. https://wordpress.org/plugins/wp-recaptcha-integration/

and the Accordion works.

For sites that allow comments, I think a ReCaptcha is a core functionality, why dont you offer one as part of the package?

I hava added the CCS, but I have no idea if it has worked. In checking the accordion issue, I did notice that main menu options are too close together when viewed in IE 11. No problem in Chrome, Edge or Opera, only IE. This means the highlight when you hover over the menu covers several options, rather than just one. If this is the issue you noticed, the added CCS hasnt fixed it

Thanks

[Nabeel AModerator]

Hi again,

Glad you’ve sorted it out. For the menu items, try adding the following code in your Customizer:

.x-navbar .desktop .x-nav > li > a {
    padding: 0px 35px !important;
}

Let us know how this goes!

[Author]

Posts