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 can I make the videos on my Webflow online store automatically download instead of opening in an in-browser video player when the user clicks on the download button on the order confirmation page?

Is Wix a good competitor to Webflow?

Is there a Webflow Slack channel available for Partners, Freelancers, and Agencies to join?

Is it possible to design and develop a website in Webflow and then connect a third-party headless CMS, such as Hygraph or Sanity, by using custom JavaScript code with API calls? Does Webflow support GraphQL integration for this purpose?

Is there a simple script in Webflow to dynamically display the percentage of the page load in a text element?

Is it possible to skew/angle only one side of a div in Webflow without affecting the other sides?

What is the best way to position an image beside text in a container using Webflow?

What specific features would you want in a user authentication system for Webflow?

Why does the old design of my client's website appear broken for some visitors?

Is it possible to create a logo slider like the one shown in this example using Webflow?

What could be the problem with hiding a text field in Webflow using the <input class="hidden"> or <input type="hidden"> tags, as it is not working even after publishing?

Is it possible to create a "show more" button in Webflow to display all records in an FAQ collection list?

How to solve the "406 not acceptable" error when trying to open Webflow?

Why is the mobile menu not functioning properly on my Webflow site when viewed on tablets or smaller devices?

How can I create a text style checkbox for my Webflow contact form that allows for multiple options and connects to the contact form as an element/text field?

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?