Brooklyn theme: reduce padding between logo and sort by

Solved
adthai
Explorer
65 0 25

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!

IMG_6902.jpg

Accepted Solutions (2)

Accepted Solutions
dmwwebartisan
Shopify Partner
9826 2238 3080

This is an 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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

dmwwebartisan
Shopify Partner
9826 2238 3080

This is an accepted solution.

@adthai 

Try this css class

@media only screen and (max-width: 590px){
body.template-product .main-content {
    padding-top: 135px !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 6 (6)
dmwwebartisan
Shopify Partner
9826 2238 3080

This is an 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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

adthai
Explorer
65 0 25

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

IMG_6903.jpg

dmwwebartisan
Shopify Partner
9826 2238 3080

@adthai 

Please add following css class 

@media only screen and (max-width: 590px){
.template-product .main-content {
    padding-top: 135px!important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
adthai
Explorer
65 0 25

Hi, that didn't seem to work unfortunately. 

dmwwebartisan
Shopify Partner
9826 2238 3080

This is an accepted solution.

@adthai 

Try this css class

@media only screen and (max-width: 590px){
body.template-product .main-content {
    padding-top: 135px !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

adthai
Explorer
65 0 25

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.