Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1404378
Smaller header on scroll
Closed

Comments

  • viperalta started the conversation

    Hi!

    I am sure you will be able to help me. I want the sticky header to be smaller when you scroll. What aditional css code do i have to add to achieve this?

    Thank you very much!

  •  7,092
    Oliver replied

    Hi, at first pls. set the small logo smaller. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • viperalta replied

    Ok. already did it. The logo its small now, but the header when scrolling remains big.

    Hope you could send me the css code.

    Thanks!

  •  7,092
    Oliver replied

    HI!

    pls. use following css:

    #site-header.fixed.shrink .site-title a img.default {
        display: none;
    }

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • viperalta replied

    Great, the header is now smaller. 

    But the icon floated to the left. Is there a way to keep the icon original position?

    Tahnk you very much!

  •  7,092
    Oliver replied

    Hi, add this:

    #site-header.fixed.shrink .site-title a img.small {
        margin-left: 0px !important;
    }

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • viperalta replied

    Thank you very much!

    You can close this ticket now.

  •  7,092
    Oliver replied

    Feel free to contact us if you need help.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver