How can I delete columns in the grid at the bottom of the page for mobile and tablet views on my Webflow site?
TL;DR
- Access grid in Navigator, switch to mobile/tablet view, double-click grid to open editor.
- Select and delete column(s), adjust design as needed, review changes for consistency.
To delete columns in a grid for mobile and tablet views on your Webflow site, follow these steps:
1. Access the Specific View
- Go to the Navigator panel and select the grid you wish to modify.
- Switch to the desired view (mobile landscape, mobile portrait, or tablet) using the device switcher at the top of Webflow's designer interface.
2. Modify the Grid Layout
- Double-click on the grid to open the grid editor.
- Select the column(s) you wish to delete. This can be done by clicking on the column line in the grid editor.
3. Delete the Columns
- Click on the delete icon (trash can) that appears above or beside the column line.
- After deleting, adjust other elements within the grid if necessary to ensure design consistency.
4. Review Changes
- Switch through different views (desktop, tablet, mobile) to make sure your changes look consistent and correct.
- Ensure content realignment occurs properly without causing layout issues.
Summary
To delete columns in a grid for mobile and tablet views on Webflow, access the device-specific view, use the grid editor to select and delete the desired columns, and review your work across different views to maintain design integrity.
