How can I delete columns in the grid at the bottom of the page for mobile and tablet views on my Webflow site?

To delete columns in the grid at the bottom of the page for mobile and tablet views in your Webflow site, you can follow these steps:

1. Open the Webflow Designer: Log in to your Webflow account and navigate to your project. Click on the "Designer" button to access the Webflow Designer.

2. Select the Grid element: Identify the grid element at the bottom of the page that you want to edit. Click on the grid element to select it.

3. Modify the grid layout: In the right-hand sidebar, click on the "Grid" tab (the icon that looks like a grid). Here, you can customize the layout and behavior of the grid.

4. Adjust the number of columns: To delete columns, you'll need to decrease the number of columns within the grid. Look for the "Columns" property and reduce the number to your desired amount. As you decrease the column count, the excess columns will be removed.

5. Apply the changes to specific breakpoints: By default, changes made in the Grid settings will be applied to all breakpoints (desktop, tablet, and mobile). To make the changes specific to mobile or tablet views, you need to select the desired breakpoint from the top toolbar (responsive preview) in the Designer. Once a specific breakpoint is selected, make the changes to the grid settings for that breakpoint.

6. Test and preview: After making the necessary adjustments, preview your site in the desired responsive views (mobile or tablet) by clicking on the respective icons in the top toolbar. Ensure that the grid columns are removed as expected.

7. Save and publish: Once you're satisfied with the changes and the way the grid appears on mobile and tablet views, don't forget to click the "Save" button in the top right corner of the Designer. Finally, publish your site for the changes to take effect on your live website.

By following these steps, you should be able to delete columns in the grid at the bottom of the page specifically for mobile and tablet views on your Webflow site.

Webflow Resources

Webflow templates

Webflow inspiration

Rate this answer

Other Webflow Questions

How do I make a contact-slide-in-sidebar scrollable in Webflow on mobile devices? Also, how can I coordinate the actions of two triggers so they don't bug when opening and closing the sidebar?

How can I create a Left Navbar Sliding animation in Webflow that pushes the content to the right in Mobile view?

How can I generate unique URLs for specific tabs in Webflow using a script and the Webflow tabs feature?

How can I install the Webflow API package using NPM or YARN in a Node.js environment?

How can I increase the right padding of the dropdown arrow in Webflow?

What are some alternative search engine options for Webflow sites and how much do they cost?

How can I embed a third party music player or any other method to play audio files on my eCommerce website created in Webflow?

How can I make a child element display when hovering over its parent container in Webflow?

Have you experienced compatibility issues with Webflow on Safari where a significant portion of your site disappears while it appears fine on Chrome, Firefox, and Edge?

What could be causing the issue in Webflow with not being able to use the auto-fit grid despite deleting all FR, VH, or % values?

How can I implement the drag+drop function in Webflow like the one demonstrated on this site using the provided source code from jQuery UI?

Is it possible to have a custom form action to pass form data to a URL, while also submitting the form data from page 1 to Webflow using the default action?

How can I create AMP (Accelerated Mobile Pages) in Webflow? Can you provide guidance on how to implement AMP on my website built in Webflow?

How can I resolve the spacing and sizing issues with Lottie animations on my Webflow page?

What is the purpose of providing a Read-Only link for my Webflow site?

Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?

Can the Webflow YouTube component recognize channel IDs instead of video IDs for embedding a Live Stream?

How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?

How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?

How can I fix the issue with the scroll not being smooth on my mobile device (iPhone + Safari) in Webflow?

How can I prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?

How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?

How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?

How can I whitelist the IP or user agent of a third-party vendor to crawl my Webflow site for legal compliance archiving purposes?

How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?

How can I dynamically redirect to a CMS created after form submission in Webflow?

How can I make the menu close when a link is clicked in Webflow?

How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?

How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?

How can I add user input to the end of the redirect URL in Webflow?