FAQ Ko

#1123143
  • Fdl
    Rank Math free

    Hello,
    My FAQ was working well, but I noticed since yesterday it doesnt work any more : when I click on the question, nothing happens and I cant see the answer.

    Here is the custom CSS I have added :

    }
    #rank-math-faq .rank-math-list-item input:checked+h3:before {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    }
    #rank-math-faq .rank-math-answer{
    padding: 10px 10px 0px 10px;
    max-height: 0;
    overflow:hidden;
    }
    #rank-math-faq .rank-math-list-item input:checked+h3~.rank-math-answer {
    max-height: 100vh;
    overflow:visible;
    }

    You can test on any page. For example : https://en-velo-simone.fr/test-et-avis-du-vtt-electrique-cube-stereo-hybrid-one44-hpc-slx-800/

    Thanks a lot for your support,

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hello,

    We apologize for the issue you are facing with your FAQ section. It seems that the custom CSS you provided is intended to create an accordion effect, but there might be a conflict or missing JavaScript functionality that is preventing it from working correctly.

    To troubleshoot this, please ensure that you have included the necessary jQuery code to handle the click events for your FAQ items. Here’s a basic example of how you can implement this:

    jQuery(document).ready(function() {
        var faqItems = jQuery("#rank-math-faq .rank-math-list-item");
        faqItems.bind("click", function(event) {
            var answer = jQuery(this).find(".rank-math-answer");
            if (answer.css("overflow") == "hidden") {
                answer.css("overflow", "visible");
                answer.css("max-height", "100vh");
            } else {
                answer.css("overflow", "hidden");
                answer.css("max-height", "0");
            }
        });
    });

    Make sure to add this script in your theme’s footer or in a custom JavaScript file that is loaded on your site.

    If you would like a more comprehensive setup or if you’re still having issues, we recommend considering our professional setup service, which ensures that your plugin is configured correctly according to the latest SEO standards. You can find more information about this service at Rank Math Services.

    Thank you for raising this concern, and we hope this helps resolve the issue!

    Sources:
    How to Turn Rank Math FAQ Block into an Accordion » Rank Math

    This is an automated reply from Rank Math Support Bot. Your ticket has been assigned to a human agent and we will get back to you shortly.

    Fdl
    Rank Math free

    Hello,
    Thanks for your reply.

    I have added the code as mentionned in the footer as mentionned, but it still doesnt work..

    jQuery(document).ready(function() {
    var faqItems = jQuery(“#rank-math-faq .rank-math-list-item”);
    faqItems.bind(“click”, function(event) {
    var answer = jQuery(this).find(“.rank-math-answer”);
    if (answer.css(“overflow”) == “hidden”) {
    answer.css(“overflow”, “visible”);
    answer.css(“max-height”, “100vh”);
    } else {
    answer.css(“overflow”, “hidden”);
    answer.css(“max-height”, “0”);
    }
    });
    });

    Hello,

    Please check the CSS codes to modify your FAQ, as they may have been overridden during your theme update.

    If the issue persists, we might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress & FTP logins in the designated Sensitive Data section.

    Please do take a complete backup of your website before sharing the information with us.

    Sensitive Data Section

    It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:

    https://wordpress.org/plugins/temporary-login-without-password/

    You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):

    https://wordpress.org/plugins/wp-security-audit-log/

    We really look forward to helping you.

    Fdl
    Rank Math free

    Hello,

    I have checked, CSS and jquery code are ok. The error persist..

    Thanks

    Hello,

    Can you please point us to the settings page in your WP dashboard of the jQuery code for the accordion feature? We looked everywhere in your WP dashboard, but we couldn’t find where the jQuery code is inserted.

    Looking forward to helping you with this one.

    Fdl
    Rank Math free

    Hello,

    Yes sure, its in Theme options / Js code for footer.

    Let me know if you have any other questions,

    Thanks

    Fdl
    Rank Math free

    Hello,

    Have you been able to check ?

    Thanks a lot for your time,

    Regards

    Hello,

    Sorry for the delay.

    The temporary login URL is no longer working. Can you please renew it so we can check the issue further?

    Looking forward to helping you with this one.

    Fdl
    Rank Math free

    Hello,

    Done.

    Thanks a lot.

    Fdl
    Rank Math free

    Hello,

    Have you been able to check please ?

    Thanks

    Fdl
    Rank Math free

    Hello,
    Were you able to check ?
    Thanks a lot

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

You must be logged in to reply to this ticket.