Webflow sync, pageviews & more.
NEW

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
  • Select the grid element in Webflow Designer.
  • Switch to Tablet or Mobile view using the device switcher.
  • Adjust Grid settings by reducing or merging columns.
  • Hide specific grid items using the Display settings.
  • Preview and publish changes to apply updates.

To remove columns in a grid for mobile and tablet views in Webflow, follow these steps while ensuring your desktop layout remains unaffected.

1. Select the Grid Element

  • Go to the Webflow Designer and navigate to the bottom of your page.
  • Click on the grid you want to modify.

2. Switch to Tablet or Mobile View

  • Use the device switcher at the top of the Designer to select Tablet, Mobile Landscape, or Mobile Portrait.

3. Adjust Grid Layout

  • Open the Style panel (on the right).
  • Find the Grid settings.
  • To remove columns:
  • Reduce the number of columns in the Grid settings by selecting the unwanted column and clicking the delete icon (-).
  • Alternatively, you can merge columns to adjust spacing.

4. Hide Unwanted Grid Items

  • Instead of deleting columns, you can hide specific grid items:
  • Select the element inside the grid column.
  • Go to the Style panel → Display settings and choose "None" to hide that element on mobile.

5. Preview & Save Changes

  • Use Webflow’s preview mode to confirm the changes look correct.
  • Publish the site to apply the changes.

Summary

By adjusting the grid settings or hiding specific elements, you can remove columns for mobile and tablet views without affecting the desktop layout.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can MixItUp jQuery plugin be used to filter dynamic collections in Webflow, allowing for automatic appearance of new categories and items in the filters and content?
Has anyone successfully implemented Locomotive scroll on a Webflow project and encountered issues with its compatibility on mobile devices?
How can I ensure that the poster of a hidden video will still be viewable when shown in a modal in Webflow?
Can I create a similar creative design studio website, like Boy-Coy, using Webflow?
Is Webflow suitable for frequent article posting and editing without affecting the publication date and RSS feed?
How can I prevent the top layer of my multi-layered hero in Webflow from being clickable or having a hover state while still being visible?
What is the best way, from an SEO perspective, to make a website available in both English and Dutch using Webflow?
How can I disable a submit button until all required fields are filled in on a form in Webflow?
How can I implement a GDPR compliant Cookie consent in Webflow using the Finsweet option, following the tutorials and main YouTube video by Joe Krug? I'm based in the UK.
How can I make two separate animations for a text block and button on my home page in Webflow activate simultaneously?
How can I block form submissions with public emails on a Webflow Collection page template, and only allow submissions from work emails? I've implemented suggested code before the </body> tag, but a form submission still went through. If it's not possible to filter public emails, I'm considering switching to an embedded Hubspot form with their blocking list feature. However, I liked the idea of manually adding and removing domains to the blocking list, which is not possible with Hubspot. Can someone please help me troubleshoot and provide a solution for this issue on Webflow?
Can I create vertical tabs in Webflow?
In Webflow, how can I create a URL structure for an e-commerce site with collections that includes /products/brand/category/product-name? Is it possible to combine CMS and e-commerce collections to achieve this? Thank you!
What are the differences between Site plans and Account plans in Webflow? Can I have multiple projects with their own domains under an Account plan, and can I give clients Editor access? Is CMS and collections available in an Account plan? Are client billing options possible under Site plans? How are bills delivered to clients - digitally or through the mail?
How can I change the height of an embedded Vimeo video in Webflow?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
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 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 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 disable right-clicking on images to prevent downloading on my Webflow portfolio website?
Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?