Brooklyn theme: reduce padding between logo and sort by

[adthai]

Is there any way I can reduce the spacing/padding from the logo to the "sort by" option on mobile? URL is https://a-lineage-story.myshopify.com/. Password is 'beckew'. Thank you very much!

[dmwwebartisan · Accepted solution]

@adthai 

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

@media only screen and (max-width: 590px) {
body:not(.template-index) .main-content {
    padding-top: 200px!important;
}
}

[dmwwebartisan · Accepted solution]

@adthai 

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

@media only screen and (max-width: 590px) {
body:not(.template-index) .main-content {
    padding-top: 200px!important;
}
}

[adthai]

thanks so much for all your help tonight! also, how do i fix the padding on the product page?

[dmwwebartisan]

@adthai 

Please add following css class 

@media only screen and (max-width: 590px){
.template-product .main-content {
    padding-top: 135px!important;
}
}

[adthai]

Hi, that didn't seem to work unfortunately. 

[dmwwebartisan · Accepted solution]

@adthai 

Try this css class

@media only screen and (max-width: 590px){
body.template-product .main-content {
    padding-top: 135px !important;
}
}

[adthai]

Thanks! I also noticed that when I click on an item from "more from our collection" on one of my product page's, the burger icon disappears when I scroll down as well.