Jump to content

York: Freeze Hamburger Menu + Create Transparent Header

Go to solution Solved by RyanDejaegher,

Recommended Posts

  • Solution


You can add this to your custom CSS to fix the header throughout the page. Getting the hamburger styles requires quite of overrides to get the hamburger to work on the desktop view


#header {
	position: fixed;
    width:  100%;
    background: rgba(255,255,255,0.8);
    margin:  0;
    padding: 2vw 4vw;
    top: 0;

@media (min-width: 768px) {
#page {
margin-top: 4vw


Edited by RyanDejaegher
Modified code

Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.