Reduce padding below category navigation / filter, shop page, 7.0, Fulton

Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment

Please see attached, there's just a lot of wasted space.  Any CSS is appreciated!!

Add to Design > Custom CSS

/* space under category nav links */
div#productList>a {
    margin-top: 0 !important;
    margin-bottom: 20px;
}

tired this on this page:
https://www.chuckgumpert.com/merch-ccb

didn't affect the gap (padding) between Category Nav and first row of items...

is there a different CSS id ?
 

On 3/4/2021 at 6:21 AM, ChuckG-Art said:

tired this on this page:
https://www.chuckgumpert.com/merch-ccb

didn't affect the gap (padding) between Category Nav and first row of items...

is there a different CSS id ?
 

Add to Design > Custom CSS

#categoryNav ul {
    padding-bottom: 20px;
}

On 2/28/2021 at 10:42 AM, tuanphan said:

Add to Design > Custom CSS

/* space under category nav links */
div#productList>a {
    margin-top: 0 !important;
    margin-bottom: 20px;
}

 

Hi @tuanphan, this little snipett code seems to adjust the space between the product rows in the grid, but not between the top product row and the bottom of the filter 🙂

On 3/9/2021 at 10:14 PM, FitBar said:

Hi @tuanphan, this little snipett code seems to adjust the space between the product rows in the grid, but not between the top product row and the bottom of the filter 🙂

Add to Design > Custom CSS

nav.category-nav {
    margin-top: 20px;
    margin-bottom: 40px;
}