Narrative Theme - Logo too small on mobile

Highlighted
Tourist
5 0 3

Nothing seems to work for me. I have tried everything posted here.

0 Likes
Highlighted
Tourist
5 0 3

Did you manage to find a solution Rosie? Thanks

0 Likes
Highlighted
New Member
2 0 0

Hi, My friend,

Did you find the solution? were you able to make you logo bigger? i also tried all the solution but nothing is working for me as well. Please let me know if you find the solution will be a great help. 

Thank you!

0 Likes
Highlighted
New Member
2 0 0

Hello there, I followed all the instructions to change the logo size for both desktop and mobile.

So tks to everyone helped us because I finally solved the problem on the desktop side

By the way on mobile view the change is still really poor, It's really a pity because the theme is very nice but the user experience with this logo view on mobile is still too poor and in this screenshot seems big but if you have a look directly on iphone is very tiny. Schermata 2020-05-24 alle 19.38.32.pngSchermata 2020-05-24 alle 19.38.41.png

0 Likes
Highlighted
Tourist
5 0 3
Hey man I will get back to you in a bit. I don’t have access to my
computer right now. I got you though.
1 Like
Highlighted
Tourist
5 0 3

Let me know if it works.

0 Likes
Highlighted
Tourist
5 0 3
Input this code - 

@media only screen and (max-width: 749px){
  .site-header__logo-image {
    max-height: 75px;
  }
}
 
- at the very bottom of theme.scss.liquid (assets) and then play around with the 'px' number to change your logo size. Don't forget to save! It worked perfectly for me and should work for everyone.
2 Likes
Highlighted
New Member
2 0 0

tks a lot! you made my day :)

0 Likes
Highlighted
New Member
1 0 0

Perfecto!

0 Likes
Highlighted
New Member
1 0 0

You can just click on the logo and inspect. Then adjust the value on the code.

0 Likes