Jump to content

Edit History

ignas04

ignas04


Adding quote

  

17 minutes ago, El Patron said:

Different placement of FAQ module on mobile only

To change the FAQ position on mobile, you can use responsive CSS + JS or template overrides. A typical method is:

Option A: Use jQuery to move it dynamically on mobile

In your theme’s JS (e.g., /themes/your_theme/assets/js/custom.js), add:

$(document).ready(function() {
  if ($(window).width() < 768) {
    var $faq = $('#your-faq-module-id'); // Replace with actual ID or class
    var $target = $('.product-information'); // Or wherever you want it (e.g. under description)
    if ($faq.length && $target.length) {
      $faq.insertAfter($target);
    }
  }
});

Make sure the module has a unique id or class to target it.

or simply hook faq module to a new tab, this is the most common practice.

Thank you for your quick reply, El Patron!

I do need some help with locating the class / ID which is necessary to place in the code. If you can provide a pointer as to where I should look to find it, I would be eternally grateful! My technical knowledge is okay, but not enough to figure this out.

If you need more information - I am using "FAQ – Product Questions & Answers (Q&A)" from PrestaHero.

ignas04

ignas04

Thank you for your quick reply, El Patron!

I do need some help with locating the class / ID which is necessary to place in the code. If you can provide a pointer as to where I should look to find it, I would be eternally grateful! My technical knowledge is okay, but not enough to figure this out.

If you need more information - I am using "FAQ – Product Questions & Answers (Q&A)" from PrestaHero.

×
×
  • Create New...