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 14 replies - 1 through 14 (of 14 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

    Hello,

    Sorry for the delay.

    Unfortunately, we couldn’t locate that option you mentioned so we have gone ahead and applied the jquery code at PHP level (your theme’s functions.php file) and the FAQ section is now working:

    Rank Math support

    This indicates that the previous snippet code you applied in the theme is not initiated properly.

    Don’t hesitate to get in touch with us if you have any other questions.

    Fdl
    Rank Math free

    Thanks a lot for your help.

    But the jquery code will be removed when I update the theme ?

    Hello,

    Yes, that is correct. Unless you use a child theme. Here’s you’re options moving forward:

    1. Create a child theme and apply this code to the child theme’s functions.php

    2. Install the Code Snippet plugin and apply the code there.

    Either of these options will make sure the code will be retained when a theme update comes.

    Hope that helps.

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

You must be logged in to reply to this ticket.