If your Wall of Love page looks a little different on a phone or tablet compared to a desktop browser, you are in good company — this is one of the most common questions we hear. The great news is that nothing is broken. This article explains exactly why the layout adapts on smaller screens and what you can do if you want more precise control over the mobile appearance.
Feedspace builds every Wall of Love page with a fully responsive layout. That means the page automatically reorganises itself to fit the screen it is being viewed on, without any action needed from you. The differences you notice on mobile are intentional design decisions that make testimonials easier to read and interact with on smaller screens.
Here are the three most common layout changes you will see on mobile, along with the reason each one happens:
On a wide desktop screen, testimonial cards are displayed in a multi-column grid so visitors can scan many reviews at once. On a narrow mobile screen, that grid collapses into a single column. This change ensures each card is large enough to read comfortably without zooming in, and it prevents text from being squeezed into very narrow columns that are hard on the eyes.
If your Wall of Love page has a header image or banner, its proportions may appear different on a mobile viewport. Wider images are scaled and cropped to fit the narrower screen width, which can shift what portion of the image is visible. This is standard responsive image behaviour and keeps the page loading quickly on mobile connections while still displaying your branding.
Text sizes are adjusted proportionally on smaller screens. Headings and body copy that look large on a 1920px monitor are scaled down so they fit neatly within a 375px mobile screen without overflowing or requiring horizontal scrolling. The result is a clean, readable page that works well for visitors on any device.
The responsive defaults handle the vast majority of use cases, but if you need precise control over how your Wall of Love page looks on mobile, the Custom CSS option gives you full flexibility. You can write standard @media queries to target specific screen widths and override any style you like, including column counts, font sizes, spacing, and image display.
For example, adding a rule like @media (max-width: 768px) { ... } lets you apply styles that only take effect on screens narrower than 768px, leaving the desktop layout completely unchanged. The Custom CSS guide walks you through where to add your styles and includes practical examples to get you started.
@media query styles that target mobile screens specifically.Overview A Wall of Love page is a dedicated, standalone web page in Feedspace that collects and displays your customer reviews in one beautiful, shareable location. Unlike embedding reviews inside a website page, a Wall of Love page exists on its own unique URL that you can share with anyone,...
Steps to Customize the Background Step 1: Open the Design Tab Step 2: Choose a Background Type Select how the background behind your reviews will look: Step 3: Customize Card and Text Colors Scroll down to find individual color pickers for each part of the page. Click any swatch to...
Overview Feedspace gives you the flexibility to customize the look and feel of your Wall of Love using Custom CSS.This feature allows you to personalize font styles, colors, spacing, and other design elements to match your brand identity. Step 1: Go to Page Design Step 2: Enable “Add Custom CSS”...