Accordion not working on mobile

…sorry, I should have included the link: https://www.aayc.ca/about/

Hi,

Can you share me your activated plugin list. I think there something is conflict with accordion in mobile device.

Thanks

Hi…thanks for your reply. Here is my list of active plugins:

https://www.designsandstuff.com/plugins.jpg

Thanks
K

Hello K,

Just add this css in your accordion plugin custom css field.

.wpsm_panel-group{
    float:none !important;
}

Update your settings and then check your accordion in mobile.

Thanks

Thanks! Problem solved! ??

I have the exact same problem – working fine on PC with Firefox, but it won’t expand the items on iOS / Safari. In Safari, clicking on an item makes the screen scroll a few lines, but doesn’t expand the list.

Contents of the list are in a table (using TablePress) if that is likely to make a difference. I have added the custom css from above but no success. Any other ideas?

Link is https://astonishinghair.com.au/services/
Plugins:

Arfaly Mass – Free Multi File Uploader
Version 1.0 | By Abdulrhman Elbuni

Contact Form 7
Version 4.4 | By Takayuki Miyoshi

Duplicate Post
Version 2.6 | By Enrico Battocchi

Google XML Sitemaps
Version 4.0.8 | By Arne Brachhold

NextGEN Gallery by Photocrati
Version 2.1.26 | By Photocrati Media

NextGEN Plus by Photocrati
Version 1.3.5 | By Photocrati Media

Responsive Accordion And Collapse
Version 1.6.1 | By wpshopmart

Revolution Slider
Version 4.6.5 | By ThemePunch

TablePress
Version 1.7 | By Tobias B?thge

UpdraftPlus – Backup/Restore
Version 2.11.9.20 | By UpdraftPlus.Com, DavidAnderson

Verify Ownership
Version 1.1 | By Tiguan

WPBakery Visual Composer
Version 4.3.5 | By Michael M – WPBakery.com

wpMandrill
Version 1.33 | By Mandrill

X – Shortcodes
Version 3.0.5 | By Themeco

X – Smooth Scroll
Version 1.0.1 | By Themeco

Yoast SEO
Version 3.1.1 | By Team Yoast

Hi,

Please deactivate plugin one by one except one is responsive accordion plugin.

Check that which plugin is conflict with accordion plugin.

Thanks

Hi, thanks for the quick reply. I have disabled plugins one at a time, but this as not identified an issue – the accordion would not expand regardless of the plugins.

I am running the X Theme, any chance that has an issue?

Quick update just in case you check the page – as a work around I have set the accordion to start with all items open. While this lets customers see the information, it isn’t possible to toggle the accordions, they can’t be closed. That’s not ideal, but it keeps me going for now ??

FYI, I’ve also tried Chrome, Firefox and Opera on iOS, all with the same results.

Add this css on your plugin custom css field –

.wpsm_panel-group .collapse{
  display :block !important;
}

Try it and then let me know.

Thanks

The css code forces the accordion to have all accordions open even when they are set to closed.

In addition, on the PC, when you click on an accordion that is open, it seems to try and reopen it (ie the screen scrolls a bit but nothing changes) then if you click on it again the accordion will close.

On iOS, no change unfortunately. All accordions display as open and I can’t open or close any of them.

I have tried both of the css code suggestions above – individually and combined

Thanks

Hi,

Can you explain me your requirement here in detail.

Do you want show all accordion opened on website and it will be not close on click or do you want to show as default.

Thanks

Sorry for the confusion, my requirements are fairly standard but I think I didn’t make this clear.

I just want the accordion to function as normal on mobile devices (iOS specifically, I haven’t tested Android).

So it should display a closed list of service headings – Cuts, Colors, Formal Styling etc and then when a user clicks on one it should expand to show the services below.

Just as a reference – I currently have the accordion set to all open, but that’s just a work around to ensure mobile users can see our prices while we resolve the issue.

Hope that clarifies things, thanks for the very responsive support.

Any further ideas? I am yet to get the accordian working on iOS, even when I’ve disabled all other plug ins.

Hello Astonishing,

I have found there some scroll script is applies on accordion which is make it scroll able on click.

As you told me that you have deactivate all plugin but problem was not resolve that mean there something is in theme script which is apply scroll feature on accordion.

Can you share me your theme name?

Also i have suggest you to check the plugin with different theme, may be that it’s theme feature which are applies on plugin.

Thanks