Quickstack not responsive on Tablet or Mobile layout

Design help Layout & Design
1

Hey there, I have tried using Quickstack for a simple Header, Paragraph and Youtube content but it looks a mess on anything but Desktop.

Have tried for hours to figure how to make it work on Tablet and Mobile but failed miserably. It’s just not responsive.

How can I make it work? I would like it to stack vertically on Tablet and Mobile but just can’t figure it out.

Many thanks for any support anyone can give me.

It’s Section 14.

Here is my site Read-Only: [LINK](Webflow - Marc Motion Design)
(how to share your site Read-Only link)

2

Hi there!

The Quick Stack component in Webflow is built with responsiveness in mind. Here’s how it works across different breakpoints:

On desktop, you can customize your grid layout using the Style panel’s Layout > Grid settings. When you switch to smaller breakpoints (tablet or mobile), the rows option automatically adjusts to “Auto” to maintain responsive behavior based on your column settings.

To customize individual cell layouts at different breakpoints:

  1. Select the specific cell you want to modify
  2. Navigate to the Style panel > Cell size
  3. Adjust the cell’s row and column span settings
  4. Use the order property to control vertical stacking on tablet and mobile

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Many thanks!!! That seems to have helped :slight_smile: