Overview
The Floating Cards widget displays your reviews as animated notification-style cards that gently float and drift across the screen, creating an eye-catching social proof effect for visitors. Because the cards animate across the full viewport, they work best on the wider screens of desktops and tablets where there is room for the cards to move without blocking content.
On mobile, the same floating animation can overlap navigation menus, form fields, and body text, making your page harder to use. The Hide on Mobile toggle in the Layout Design section lets you automatically suppress the Floating Cards widget on small screens while keeping the animated experience fully active for desktop and tablet visitors. This means you get the engagement benefits of floating review cards without compromising the mobile browsing experience.
How to Hide Your Floating Cards Widget on Mobile
Step 1: Open the Widgets Section
Log in to your Feedspace account. In the left sidebar, click Widgets to open your list of created widgets.
Step 2: Edit Your Floating Cards Widget
Find the Floating Cards widget you want to update and click the Edit button (pencil icon) next to it. The widget editor will open.
Step 3: Go to the Design Tab
Inside the widget editor, click the Design tab at the top of the settings panel. This tab contains all visual and layout configuration options for your Floating Cards widget.
Step 4: Locate the Layout Design Section
Scroll down within the Design tab until you reach the Layout Design section. This section contains display and visibility settings that are specific to how Floating Cards appear across different devices.
Step 5: Enable the Hide on Mobile Toggle
Inside the Layout Design section, find the Hide on Mobile toggle and switch it on. Once enabled, Feedspace will automatically hide the Floating Cards widget on mobile screen sizes. The widget will continue to float and animate normally for visitors on desktop and tablet devices. Click Save to apply the change.
What You Can Do Next
- Adjust the position of your Floating Cards widget on desktop using the position settings so the cards drift in the most visible area of your page.
- Customize the card design, animation speed, and review display count in the Design tab to fine-tune the floating experience for desktop visitors.
- Create a separate mobile-friendly widget type, such as a Wall of Love or Carousel, and embed it on the same page to maintain social proof for mobile visitors.
- Preview your page on both desktop and mobile after saving to confirm the Floating Cards widget appears correctly on large screens and is fully hidden on small screens.
You might also find helpful
How Do I Set the Position of My Floating Cards Widget in Feedspace?
Overview The Floating Cards widget displays your customer reviews as animated notification-style cards that float and drift gently across the screen. Because these cards move freely within the browser viewport, their horizontal starting position has a direct impact on how visitors perceive and interact with them. A card set to...
How to Create a Floating Cards Widget in Feedspace
Overview The Floating Cards widget in Feedspace displays your reviews in stack-like cards that float over your website layout. You can position them on the left, center, or right side of the screen. This widget is perfect for showing continuous feedback without interrupting the visitorโs browsing experience. How to Access...
How Do I Customize the Design of My Widget in Feedspace?
Overview Feedspace widgets come with a powerful Design tab that lets you tailor every visual aspect of your widget. From card colors and fonts to dark mode and call-to-action buttons, you can fully customize the look to match your website’s brand without writing any code. How to Customize the Widget...