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.