Archived topic
Sticky Navigation Mobile Logo Size
5 replies · Started by Tobias on April 4, 2022
Hello, can you tell me how I can make the logo smaller when scrolling in the mobile view? It should get a little smaller when you switch to sticky navigation. I've tried so many things, but I just can't get it. Thanks very much. Link and login data are attached. Greetings Tobias
Hi Tobias,
You have this CSS in simple CSS:
https://www.screencast.com/t/88JoWym9
Just reduce the height value in this CSS.
Hey Yin, thanks for the reply. When I do that, the logo in the desktop view gets smaller when scrolling. But it should stay that way there. It should only get smaller when scrolling in the mobile view. Regards
Tobias
Hi Tobias,
Here is a CSS you may try adding to modify the Logo’s height for the sticky menu on mobile only:
#mobile-header.main-navigation.sticky-navigation-transition .site-logo img{
height:100px;
}Adding this through Appearance > Customize > Additional CSS should work.
You may replace 100 with your preferred value.
Kindly let us know how it goes. :)
Thank you. Thats it. Now it works.
You’re welcome Tobias! Glad that worked! Feel free to reach out anytime you’ll need assistance with anything else. :)
