How to resize a mobile logo using the Brooklyn theme?

Store Design
1

hello, im using the Brooklyn theme. My logo on mobile is overlapping the shopping cart but its perfect on the desktop view. Is there anyway to fix that? Thank you.

2

@Chiro11 ,

Please share your site URL,
I will check out the issue and provide you a solution here.

Thanks!

3

@Chiro11

Sorry, you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!

Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

5

https://chirostretchboard.myshopify.com/

Pw: tiffim

6

@Chiro11 ,

Please add this CSS to your css file

@media (max-width:545px){
    .site-header__logo a.site-header__logo-link {
        font-size:12px !important;
    }
}

Thanks!

7

Please add below code in bottom of assets/theme.scss.css file

@media only screen and (max-width:666px) {

.hero[data-adapt=false], .hero[data-adapt=false] .slideshow__overlay:before {
height: auto;
}
.site-header .one-quarter {
width: 12%;
}
.site-header .medium-down–one-half {
width: 76%;
}
.site-header__logo {
font-size: 1em;
}
}

Thank you.