[Resolved] Sticky Navigation Mobile Logo Size

Home Forums Support [Resolved] Sticky Navigation Mobile Logo Size

Home Forums Support Sticky Navigation Mobile Logo Size

  • This topic has 5 replies, 3 voices, and was last updated 4 months ago by Fernando.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2178019
    Tobias

    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

    #2178031
    Ying
    Staff
    Customer Support

    Hi Tobias,

    You have this CSS in simple CSS:
    https://www.screencast.com/t/88JoWym9

    Just reduce the height value in this CSS.

    #2178343
    Tobias

    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

    #2178348
    Fernando
    Customer Support

    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. 🙂

    #2178360
    Tobias

    Thank you. Thats it. Now it works.

    #2178379
    Fernando
    Customer Support

    You’re welcome Tobias! Glad that worked! Feel free to reach out anytime you’ll need assistance with anything else. 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.