Create a single column widget for mobile

  • Created : Aug, 8, 2021
  • Last Updated: Jan, 24, 2024

Single column widget for mobile features helps you decide how many feeds/posts widgets can have on mobile devices. As a result, you will have easy-to-read widgets in stacked/vertical format. This feature gives the desktop version the flexibility to change the view with multiple feeds/posts in horizontal format.

Examples

You can display the different layouts on Desktop and Mobile as follows.

Desktop view > 3 (Columns) x2 (rows) –  layout horizontally

Mobile view > 2 feed layout vertically
Single column widget on mobile

Learn how to use the single-column widget on mobile to create a responsive widget

The single-column widget involves three parts.

  • Widget type: RSS
  • The widget should be responsive by Width
  • Style should be Card or Overlay

Create the widget in FeedWind

To set up a single column widget for mobile, you’ll first create the RSS widget.
Select-content-type

In your widget setting screen, navigate to General ➤  Width ➤ Select “Responsive”

general-responsive-width-option

Under style, select ‘Card’ or ‘Overlay’
style-by-card-and-overlay

Once Card / Overlay is selected, this will enable the “Single column on mobile” feature option. Please turn “ON” to activate this feature, then choose the number of items displayed only on mobile vertically.
turn-on-single-column-on-mobile-option

Click Save & Get code


Related posts

Do You Need to Parse RSS or Use a Ready‑Made Widget?

Do You Need to Parse RSS or Use a Ready‑Made Widget?

RSS parsing vs RSS widget is a common dilemma for developers and marketers wanting fresh content like news or blogs...

How to Dynamically Display WooCommerce Products on Your Website Using FeedWind

How to Dynamically Display WooCommerce Products on Your Website Using FeedWind

Enhancing your website with dynamic product displays can increase user engagement and drive sales. By integrating WooCommerce with FeedWind,...

How to Create a Vimeo Video Widget for Your Website – Easy Guide

How to Create a Vimeo Video Widget for Your Website – Easy Guide

Creating a Vimeo video gallery widget & display on your website is easy, even if you’re not very tech-savvy!...