Stick navigation bar for mobile

Site URL: https://cranberry-bison-yxfe.squarespace.com/

Hi there ! 

I'm building my first website ever on Squarespace, I'm almost finished with fixing the little details but I want to fix my navigation bar when scrolling on mobile.

The logo is huge so I want to make it disappear and I just want to keep the hamburger menu icon on the top corner when scrolling down.

I've tried to find solutions but it doesn't seem to be working with me...

Thank you ! 

https://cranberry-bison-yxfe.squarespace.com/

password : tidyzenzen

You can add this to Home > Design > Custom CSS to resize logo

.Mobile-bar-branding-logo {
    width: 50px;
}

On 9/27/2020 at 4:57 AM, tuanphan said:

You can add this to Home > Design > Custom CSS to resize logo

.Mobile-bar-branding-logo {
    width: 50px;
}

 

Hi ! Thanks for your answer.

I've tried the CSS, it worked for resizing the logo 🙂 

but I was wondering if I could just keep the hamburger menu icon only on the top corner when scrolling down.

So still have the banner with the logo on top but when scrolling, only the menu stays.