dbirtley Posted May 28, 2020 Share Posted May 28, 2020 Site URL: https://www.pickleballadventure.com/blog/best-pickleball-paddles-for-beginners Is there an easy way to create a product comparison table that displays correctly on mobile, tablet and desktop? I have product reviews and I would like to have a quick comparison at the top of the product review page. I've tried using table creation tools (HTML) but they don't seem to display correctly on mobile. Link to comment
Surabhi Posted May 29, 2020 Share Posted May 29, 2020 I'm facing a similar issue as well. Is there a way to give horizontal scroll just for the table and fix the width? Link to comment
Caroline_Smith Posted March 1, 2022 Share Posted March 1, 2022 (edited) Hi there! I actually have a Comparison table generator available on my website. It lets you input your own custom table data, including customizable features, inclusion/exclusion icons or text, products or plans, and most importantly, it is mobile-optimized. The feature row headers turn into column headers on mobile view so that it is more easily Scannable, and the column headers become sticky so that users don't lose the context of the rows when scrolling. Follow this link, and you will get free access so that you can check it out for yourself! Password: Generator1234 Edited March 3, 2022 by Caroline_Smith tuanphan 1 Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment