Search code examples
cssbulma

How to hide a column under a break-point tablet with Bulma?

Given the following html :

<div class="columns">
  <div class="column">Always here</div>
  <div class="column">Hidden on mobile</div>
  <div class="column">Always here</div>
</div>

How to make that the middle column get hidden on mobile ?

Note: I found no help on this "hide" feature on the official doc.

Solution

  • is-hidden-mobile hides on mobile and is-hidden-touch hides on both mobile and tablet. The hide feature is on the official documentation under responsive helpers:

    https://bulma.io/documentation/helpers/visibility-helpers/#hide