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 resolve the issue with the slider mask in Webflow, where it is currently taking the height of the tallest slide and causing empty space in certain slides? I have tried using the CMS feature for the slider, but it is not available yet. I also tried using the finsweet CMS slider, but the height issue still exists.

What are some examples of custom e-commerce sites built with Webflow that showcase layout, product filtering, and the integration of printful products?

Are there plans to increase the nest limit for nested collection lists in Webflow anytime soon? The current limit heavily restricts the functionality on listing type pages and affects the suitability of Webflow CMS for projects like jobs boards.

How can I bypass Webflow's limitation for nested collection lists in static single pages and use unlimited nested collections with more than 5 items using a lightweight jQuery with no performance issues?

How can I set up multiple modal windows in Webflow for my art website to display contact information and larger images of my paintings?

How can I prevent body scrolling when opening a fullscreen mobile navigation menu and enable scrolling when closing it in Webflow?

How can I remove the default bullets and padding from a list in Webflow?

Why am I getting a "too many redirects" error when using Google's DNS for hosting on Webflow, and what are the steps to resolve it?

Is it possible to link 100 individual landing pages created on Webflow to a BigCommerce website, maintaining a seamless user experience?

How can I pass URL parameters to a button on my Webflow page that redirects to another site, while capturing the traffic source for non-Webflow form submissions?

How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?

Can I stack two images in Webflow with just one click, if they have the same size?

What is the issue with the div where a YouTube video should be placed in a Webflow site?

How can I optimize my video and photo-heavy website in Webflow to improve web vitals and handle JavaScript?

How can I fix the issue with headings on my website's CMS collection pages in Webflow to avoid SEO problems caused by an excessive number of H1, H2, and H3 headings? Is there a way to increase the custom fields limit or find an alternative solution to avoid recreating each page manually?

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?