How to Remove Space Between Stacked Columns on Mobile

Viewing 3 replies - 1 through 3 (of 3 total)

  • I see what you mean, @shelbmathews. Sometimes, when stacked, there can be some margin between the last item in the first column and the first one in the second one. In the case of your site, you can remove this unwanted margin using a little bit of custom CSS code

    /* Remove margin between columns on mobile */
@media all and (max-width:760px){
  .wp-block-columns {
    grid-gap:0
  }
  .wp-block-column + .wp-block-column figure {
    margin-top:0 !important;
  }
}

    Please add this code in your “Additional CSS” tab (at My Site > Appearance > Customize), in a new line, under any existing code, and make sure you click on “Save Changes” to save it.

    I hope that helps!

    Thread Starter shelbmathews

    (@shelbmathews)

    That worked. Thank you!! @mrfoxtalbot

    Moderator Kathryn Presner

    (@zoonini)

    @shelbmathews Awesome, glad you’re all set!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Remove Space Between Stacked Columns on Mobile’ is closed to new replies.