Less column space?

[waynepatt58]

How can I decrease the space between columns to about 5px?

Also when the columns are displayed on a phone I need a scroll bar to show up so a person can just scroll through the columns, whats best way to do that?

[christian]

Hey @waynepatt58,

Regretfully, there is no control or option for column spacing. You will need custom CSS for that. I’ll give you a general guide on how to modify the space but please just note that this is outside the scope of our support. Any issues that will result from the use of the guide and further enhancements should be forwarded to a third party developer.

Please see the guide at https://youtu.be/sZ5sKM58l7g. The code in that guide that must be added in the Row’s Element CSS. You must use % based value and not px because it’s responsive.

@media (min-width:768px) {
  $el .x-column.x-1-4 {
      width: 24%;
      margin-right: 1%;
  }
}

If your content is longer than the screen, you will automatically be able to scroll. There is no code to enable scrolling or the scrollbar if you have short content.

Hope that helps and thank you for understanding.