How Do I Preview My Cross Slider Widget on Desktop and Mobile in Feedspace?

Overview

The Cross Slider widget displays your reviews using a distinctive cross-directional sliding transition, where each card sweeps fully into focus before the next one appears. Because of this full-card transition style, the amount of space available on a visitor’s screen directly affects how the animation plays out and how much review text is visible at one time. A card that looks perfectly balanced on a desktop monitor may clip text or feel cramped on a phone screen, and vice versa.

Feedspace includes built-in Desktop and Phone preview toggles inside the Cross Slider widget editor so you can switch between both views instantly, without embedding the widget anywhere. This lets you confirm that the sliding transition animation looks smooth, the review text is fully visible, and the overall layout feels intentional on every screen size before you publish.

How to Preview Your Cross Slider Widget on Desktop and Mobile

Step 1: Open Your Cross Slider Widget

Log in to your Feedspace account and navigate to the Share Reviews section from the left sidebar. Locate the Cross Slider widget you want to preview and click on it to open the widget editor.

Step 2: Locate the Preview Toggle in the Editor

Inside the Cross Slider widget editor, look for the preview panel where a live rendering of your widget is displayed. At the top of this preview panel you will find two toggle buttons: Desktop and Phone. These controls let you switch the preview between screen size contexts without leaving the editor.

Step 3: Check the Desktop Preview

The editor opens in Desktop preview mode by default. Review how the full-focus cards appear at desktop width. Pay attention to the following:

• Whether the cross-directional transition animation has enough room to display cleanly.
• Whether reviewer names, star ratings, and review text are fully visible within each card.
• Whether the card proportions and spacing match your design expectations.

Step 4: Switch to the Phone Preview

Click the Phone toggle to switch the preview to a mobile screen simulation. The preview panel resizes to reflect a phone viewport. Confirm that the transition animation looks smooth at this smaller size and that review text remains fully readable. Longer reviews in particular should be checked here, as text that wraps gracefully on desktop may overflow or become too small on a phone screen.

Step 5: Adjust Settings if Needed and Re-Preview

If the Phone preview reveals issues such as text overflow, cramped card spacing, or a transition that feels abrupt at smaller sizes, use the design and customization settings in the editor to make adjustments. After saving any changes, toggle back to Phone preview to verify the result. Repeat this process until the widget looks correct on both screen sizes.

What You Can Do Next

• Customize the card design, font size, and spacing of your Cross Slider widget so the full-focus cards look polished on both desktop and phone screens.
• Copy the embed code for your Cross Slider widget and add it to your website or landing page to show the cross-directional sliding transition to real visitors.
• Filter which reviews appear in your Cross Slider widget by star rating or source so only your strongest testimonials cycle through the transition.
• Create additional widget types such as a Wall of Love or Carousel to give visitors different ways to browse your reviews alongside the Cross Slider.