Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

How can I stop the logo from scrolling along with the site on the Tudor template?

By IAmChellsBells, in Customize with code

Go to solution Solved by brandon,

Recommended Posts

IAmChellsBells Level 4

IAmChellsBells

Posted
Posted (edited)

I would like to find the code to stop the logo from scrolling along with the site on the Tudor template. Either that or put a white background behind it.

Any suggestions? Thanks so much! :)

Edited by IAmChellsBells
Initial Revision
  • Replies 9
  • Views 16.8k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

brandon
brandon

Yes, here is a suggestion. First, check your style editor and be sure that there is not simply an option there to disable the 'fixed' header. If you don't see an option in your style editor,

  • Solution
brandon Level 9

brandon

Posted
  • Solution
Posted (edited)

Yes, here is a suggestion.

First, check your style editor and be sure that there is not simply an option there to disable the 'fixed' header.

If you don't see an option in your style editor, you can use the following CSS inserted into the CSS Editor: 


 
.header-announcement-wrapper {
   position: static;
}

#page {
   margin-top: 0 !important;
}
 

Remember, the CSS Editor and the Style Editor are different editors. The style editor is where you have simple options to change the template. The CSS editor allows you to insert code.

-Brandon
 

Edited by brandon

If a response helped you out, send a 'Like' 👍 (bottom-right) and/or 'Upvote' vote.jpg.c260784ece77aec852b0e3049c77a607.jpg (top-left)

  • 10 months later...
Guest

Guest

Posted
Posted

Hey @BrandonW, how would I stop the logo from scrolling, but maintain the sticky navigation bar at the top of the page?

  • 11 months later...
  • 1 year later...
weba_2510 Level 1

weba_2510

Posted
Posted

Hey BrandonW,

Thank you so much for laying out the CSS code for the header at the top to not scroll! I'm happy to announce that it still works properly in case anyone reading this thread is thinking about applying this code to their squarespace site!

  • 7 months later...
  • 1 month later...
  • 2 years later...
TheWacoKid Level 1

TheWacoKid

Posted
Posted

Not sure what happened, but the code only sort of works for me.  The logo scrolls but only for a bit and then goes back up.  It actually looks worse then without the code.

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources