[Support request] Logo size in mobile sticky menu

Home Forums Support [Support request] Logo size in mobile sticky menu

Home Forums Support Logo size in mobile sticky menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2058354
    Juan Carlos

    Hello.

    How can I change the size of the logo in the sticky menu? Im working on this site: nerfmania.com, and in the mobile version, the logo in the sticky menu gets bigger and moves the menu icon down.

    Im trying the solution of this post (https://generatepress.com/forums/topic/how-to-change-size-of-logo-on-mobile-sticky-menu/) but doesnt work for me.

    Thanks.

    #2058405
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Layout > Sticky Navigation and set it to Desktop Only.
    then in Customizer > Layout > Header enable the Mobile Headers sticky option.

    #2060410
    Juan Carlos

    Hello.

    I follow the steps, but when I scroll down, the logo gets bigger again :/

    #2060431
    David
    Staff
    Customer Support

    Hmmm…. the optimizations are messing with the CSS order.
    Try adding this CSS to ensure the mobile styles get applied:

    @media (max-width: 768px) {
        #mobile-header.sticky-navigation-transition .site-logo img {
            height: 54px !important;
        }
    }
    #2060461
    Juan Carlos

    Perfect, now it works!

    A lot of thanks 🙂

    #2060484
    David
    Staff
    Customer Support

    Glad to hear that!!

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