Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #580534

    Hi there

    The accordion box toggling has stopped working, I’ve no idea why as they haven’t been used as of now. They do not open, and on hover are none responsive.

    Thanks, Silvio

    #580571

    I have re-installed the theme, but this has not made any difference, I have also deactivated all plugins but this also made no difference….also tested on all browsers, just in case and the issue is present. Cheers!

    • This reply was modified 8 years, 2 months ago by silviouk.
    #580602

    Hey!

    It seems that your web site is been cached and compressed.
    Can you please disable that, so we can give it a better try?

    Cheers!
    Basilis

    #580635

    Hey! I have disabled/deactivated the minify plugin, was this what you meant? Thanks, Silvio

    #581164

    ***UPDATE***
    The accordion works on normal pages, but not on portfolio pages. I have tested on other Enfold installs and the accordion works on all page types.

    I’ve attached login details for you.

    Thanks, Silvio

    #582215

    ***UPDATE***

    This issue is a definatly a theme problem. I found out that if you have an accordion and a widget area (build in Layout Builder) it is the widget that stops the accordion working. So if you wish to replicate this, try:

    New Portfolio->2/3 & 1/3 layout – in the 1/3 place an accordion, and below the accordion a Widget Area -> Save and view, you’ll see that the accordion doesn’t work/open.

    I have tried this on several other installs and this issue is still present. You may want to look at this for future updates.

    Thanks, Silvio

    #583106

    Hi!

    The widget area container covers the accordion and that’s why it’s not working. Add this in the Quick CSS field:

    .avia-builder-widget-area {
        z-index: 0;
        margin-top: 100px;
    }

    Cheers!
    Ismael

    #583315

    Hi there. Your solution only partly solves this issue, i.e. only 2 accordion items function, anymore than 2 and they still don’t open i.e. if you have 3 items, the third one does not function.

    Thanks, Silvio

    #584002

    Hey!

    Yes, you’re right. Please replace the code with this:

    .togglecontainer:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    This code fixed the issue on our end. :)

    Cheers!
    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.