How to change logo size on mobile?

Solved
Tourist
11 0 2

Hi,

 

The logo on the mobile version of my website is very small and I'd like to make it bigger.

 

I see that it is not possible through the customize page.

 

My website is https://www.vithithihandmade.com and I'm using the Brooklyn theme.

 

How can I do it?

Thanks, Max

0 Likes

Success.

Tourist
8 4 1

Hi Max,

 

First of all please remove white space around logo and then please add this css code at the end of theme.scss.luid file

@media screen and (max-width: 768px){
.site-header__logo img {
 max-height100px;
} }

If you still want to increase logo size then increase max-height value in above code instead of 100px 


For any help you can Contact me on helly.parekh93@gmail.com

0 Likes
Tourist
11 0 2
Hello,

What white space around the logo?

Anyway, thanks, it works.

Mx
1 Like
Tourist
6 0 1

I had the same issue.  The logo was the perfect size on the desktop, but tiny on mobile devices.  This code has resolved the issue.  

0 Likes
New Member
1 0 0

What white space?

0 Likes
Highlighted
Tourist
6 0 1
I don’t know what the previous responder meant by ‘white space’ in this context, but the code definitely worked for me.
1 Like