Shopify Minimal theme. Remove white space between header, 7 rows of collection, footer, Please HELP

I have a large inventory and more than 40 collections. Between the collections, below the header, and above the footer is tons of white space making the home page VERY LONG and boring. How do I remove the white space? www.ebargainsanddeals.com

Does anyone know to get the categories into 2 rows equally without making the text oversized?

1 Like

@Redhead

Please add the following code at the bottom of your assets/theme.scss.liquid file.

Show More

#shopify-section-16055867820e6fbc8b,#shopify-section-1612924812193b749f,#shopify-section-1633551710bf098013, #shopify-section-1604781658c896c7ee{

Show More

display: none;

Show More

}

Show More

@media screen and (min-width: 769px){

Show More

.index-section { padding-top: 0px !important; padding-bottom: 0px !important; }

Show More

}

Hope this works.

hello @Redhead

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 769px){
.template-index .index-section { 
   padding-top: 0px !important;
   padding-bottom: 0px !important; }
}