Shopify Homepage Product Display Fix

I need a Shopify front-end specialist to correct a design and layout issue on my store’s home page. The problem is isolated to the product display section—thumbnails, text, and buttons are not aligning cleanly on either desktop or mobile, leaving the page looking uneven and unprofessional. You’ll be working in the theme’s Liquid templates, CSS (SCSS), and any small bits of JavaScript necessary to stabilise the grid and maintain responsive behaviour. The rest of the header and footer are performing well, so please focus exclusively on the product showcase; however, if you believe tweaks such as reorganising categories or refining descriptions would enhance the layout, I’m open to those ideas too. Deliverables • Updated Liquid/CSS files that render a consistently aligned product grid across all modern browsers and breakpoints • Lightweight, commented code with no impact on existing brand colours or typography • Optional image or asset optimisation where it directly improves layout stability • A short change log documenting each file touched Acceptance criteria • No overflow or horizontal scrolling at 320 px and above • Product cards stay within a 2–4 column grid, adapting smoothly with viewport changes • Buttons and text remain inside card boundaries without wrapping issues • Google PageSpeed score for the home page stays at 85 + on mobile I’ll share collaborator access and a staging URL as soon as we agree on timing. Please let me know your estimated turnaround and any clarifying questions you have before you dive in.

Project ID: 40451073