Take white space out easy

Store Design
,

Topic summary

A user wants to remove excess white space from their store’s mobile layout, referencing an attached screenshot showing the spacing issue.

Proposed Solution:
Another user suggests adding custom CSS code to reduce margins and padding:

  • Navigate to: Store Online → Theme → Edit Code → Assets/base.css
  • Add media query targeting mobile screens (max-width: 749px)
  • The CSS targets product grid containers, pagination wrappers, and collection sections
  • Adjusts margin-bottom, margin-top, and padding values to minimize spacing

Note: The provided code snippet appears incomplete or corrupted (reversed text, missing closing brackets), which may require clarification before implementation.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

IMG_2767.jpeg
IMG_2767.jpeg1170×2532 166 KB

Hi guys I want remove this space like the imagem can you help me ?

https://www.behumblee.com/

Pass-Humblee3030

thanks

2

Hi @Suco ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/base.css
  3. Add code below to end of file
@media screen and (max-width: 749px) {
  .section-collection-list .page-width {
    padding: 0;
  }
  .section-template--17005272694962__product-grid-padding {
    padding-bottom: 10px;
  }
  #ProductGridContainer .pagination-wrapper {
    margin-top: 0;
  }
  #product-grid {
    margin-bottom: 0;
  }
}