Accordions always open

  • Resolved Nick Lewis

    (@nickylew)


    6 years, 6 months ago

    Hi,

    Been having a few issues recently with the plugin and wondered if you could help.

    The plugin seems to have stopped working with the options to default to accordions being open or closed.

    I have them all set to be closed by default, both in the main configuration as well as on the individual parent menu items too, yet all accordions default to being open on page load.

    To add to this, once you click on any of the open accordions, they all close. After they have all closed, you can then open them up individually.

    So there is definitely something buggy going on here but I’m not sure what.

    It works fine on a local version of the site, but on the live version if has the bug described above.

    Do you have any thoughts as to what could cause this?

    Many Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author sevenspark

    (@sevenspark)

    6 years, 6 months ago

    Hi @nickylew,

    Certainly strange, haven’t ever heard of something like that. Sounds like it could be a JS issue – maybe check your console for errors? If you can share a link I could take a look and see if there’s something obvious

    Thread Starter Nick Lewis

    (@nickylew)

    6 years, 6 months ago

    Hi,

    Thanks for getting back to me.
    Yes I think it must be related to javascript.

    The site in question is here:
    https://www.hca.ac.uk

    Using Bellows only on the mobile / tablet menu (below 1024px)

    Any clues as to why it might not be working would be really helpful!
    Thanks

    Plugin Author sevenspark

    (@sevenspark)

    6 years, 6 months ago

    So it looks like none of the Bellows styles are being applied on your site. That’s why much of the functionality is missing.

    I see they’re present in a concatenated stylesheet produced by your cache, but they’re not being read by the browser.

    https://s4e4d9r4.stackpathcdn.com/wp-content/cache/minify/3e3d6.css

    That indicates that there is a syntax error in your stylesheet – everything after that error, including the Bellows code, is not being processed. If I take the Bellows styles and move them to the top of the stylesheet via Dev Tools, the menu reverts to the proper functionality, which confirms this.

    If you disable the stylesheet cache/concatenation you should see it working properly then as well.

    So, if you want to be able to concatenate everything, you’ll need to locate the CSS syntax error on one of your stylesheets and fix it. Once the code can be read again, it should work fine.

    Hope that helps! 🙂

    Thread Starter Nick Lewis

    (@nickylew)

    6 years, 6 months ago

    A super in-depth fantastic response, thank you!

    I shall take a look and try and find the potential error and chat to our server guy who is controlling our caching and CDN.

    Thanks very much for looking at this and getting back to me so quickly.

    Plugin Author sevenspark

    (@sevenspark)

    6 years, 6 months ago

    You’re welcome! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Accordions always open’ is closed to new replies.