Brooklyn - Adjust spacing in header of pages

I’m trying to decrease the amount of white space on the Brooklyn theme at the top of my pages, under banner and before header and remove these black lines. See image.

URL: https://yknott.com/collections

1 Like

Hi @yknott .,

Can you provide us the link to the page you want changes?

Please put in below code to the last line of timber.css

by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder. (https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code)

@media screen and (min-width: 769px){body:not(.template-index) .main-content {padding-top: 30px;}}
.rte h2:after{display:none;}
.rte h2{margin-bottom:30px;}

@Daniel-HHP

Thank you, that works! I just need to remove that black lines now. Any idea how to accomplish that?

Please add this line to the same place.

.rte h2:after{display:none !important;}

Found the solution to remove the black line at the top of the table.

tr:first-child td:after, tr:first-child th:after{
display: none !important;
}