Fix Bulma Mobile View Problem

May 16, 2020 · 1 min read
Fix Bulma Mobile View Problem

I’ve been working with bulma for a while. Although the desktop rendering worked well, there were issues with the mobile view:

Problem

  1. There is like a white border on the right
  2. The screen is scrollable towards the right (which should not be)

Bulmda problem

Problem fix

To fix this, add the following code

.columns {
    margin: 0;
}

With the above css it should render properly.

Bulma problem fixed

Sharing is caring!