Jump to content

Stick navigation bar for mobile

Recommended Posts

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 ! 


password : tidyzenzen

Link to comment
  • Replies 2
  • Views 389
  • Created
  • Last Reply
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.


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.