Logo size too small in Brooklyn theme. (MOBILE)

Solved
Shaf
Tourist
4 0 2

Hello,

 

I've read numerous similar threads explaining a solution, but none of them worked for me.

 

I'm using the Brooklyn theme, however the logo is very small for MOBILE. Nothing I changed in the code has altered it so far...

 

Please help!

 

My website is www.shafelle.com

 

I would like to change it ideally for MOBILE, but if I can do it for both that would be great.

 

Thanks in advance!

0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 478

@Shaf 

 

Go to the Assets > timber.scss.liquid file and add following code at the end of file:

@media screen and (max-width: 768px){
.site-header__logo img {
    width: auto;
    height: 85px;
    max-width: none;
    max-height: none;
}
}

Thank you,

Tejas

 

 

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
Shaf
Tourist
4 0 2

Hello.

 

Thank you for the input, however after placing it there nothing changed.

 

Any other alternatives?

0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 478

@Shaf 

 

I can't able to see above code in your timber.scss.liquid file. Have you removed it? If yes, then add it again and let me know.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
Shaf
Tourist
4 0 2

I did remove it, yes. Okay, I have added it back now.

0 Likes
Tejas_Nadpara
Shopify Partner
1027 215 478

This is an accepted solution.

@Shaf 

 

Replace with updated code:

@media screen and (max-width: 768px){
.site-header__logo img {
    width: auto !important;
    height: 85px !important;
    max-width: none !important;
    max-height: none !important;
}
}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
Shaf
Tourist
4 0 2

Amazing!

 

Thank you, Tejas. You're a star!

 

Worked like a charm.

mytwoheads
Excursionist
13 0 4

Hi Tejas, 

I'm really new here and no way a coder!!

I have a very small logo in mobile version and web - my dimensions are 900px x 200px and still, it is very small.

Also, there is a lot of white space underneath the header and under the rich text!

I've been trying to resolve these problems for hours to no luck!

Would really appreciate your help.

 

Thanks

Brad

0 Likes