Has there been an update or change of keys in Webflow to move a heading and image into the same grid box using the Ctrl + drag on Windows method mentioned in the Cards video of the Webflow 101 course?
TL;DR
- Ctrl + drag no longer places multiple elements in the same grid cell in Webflow.
- Instead, manually assign matching grid positions via the Style panel or use a wrapper div to group elements and place them together in a grid cell.
The keyboard shortcut for placing multiple elements into the same grid cell using Ctrl + drag on Windows has changed in Webflow. Here’s what to know and how to do it now.
1. Ctrl + Drag Behavior Has Changed
- In earlier versions of Webflow (like when the Webflow 101 Cards video was made), Ctrl + drag on Windows (or Cmd + drag on macOS) allowed multiple elements to share the same grid cell by dragging them together.
- As of recent updates, this shortcut no longer functions the same way and may not trigger the grid placement behavior properly.
2. Current Method to Place Multiple Elements in One Grid Cell
- Do not rely on Ctrl/Cmd + drag for grid placement anymore.
- Instead, use the Grid Area Name or Manual Span settings:
- Select the element, then go to the Style panel > Layout section.
- Manually set the row start/end and column start/end values to match another element’s grid position.
- Alternatively, define a named area in the Grid layout and assign that name to both elements.
3. Alternative Method Using a Wrapper
- To make management easier, wrap the image and heading inside a single div, then place that wrapper in the desired grid cell.
- This ensures both elements stay together in one cell without relying on keyboard shortcuts.
Summary
Webflow has changed how the Ctrl + drag shortcut works, and it's no longer the recommended method for placing multiple elements in the same grid cell. Use manual grid positioning or wrap elements in a div and place that wrapper inside the grid cell for consistent results.