Logo after scroll

Hi,

How can I make the logo disappear after scrolling or become smaller, so I could have only the menu and more space for the content ?

Thanks !
Victor

Hello Victor,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    #header-sticky-wrapper.is-sticky .site-branding .custom-logo {
      max-width: 60px;
    }

Or use this code to completely remove it.

    #header-sticky-wrapper.is-sticky .site-branding {
      display: none;
    }

Regards,
Kharis

perfect ! thank you !!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis