(Dawn) How to lessen space between multicolumn text

Store Design
7

Hello! @pikachu1924 Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css”
  6. Add the following code at the end of the file.
@media screen and (max-width: 749px) {
    #shopify-section-template--15459208495159__multicolumn_NkCd3a .multicolumn-list.slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item {
        min-width: fit-content;
    }
}
.multicolumn .slider-mobile-gutter .slider-buttons {
    display: none !important;
}

Rishihuptech_0-1723096345600.png
Rishihuptech_0-1723096345600.png558×720 15.1 KB

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Thank you
K.K

1 Like