How to keep logo from moving down page in Skye?

I'm using Skye and I uploaded my logo to replace the site title in the navigation bar. Whenever I scroll down the page, my logo moves down too and covers whatever content in scrolling past. How do I fix that?

Yeah, I would like to know too! That messes the content badly :(

Yeah, I would like to know too! That messes the content badly :(

Hey all,

Try adding this into your CSS Editor, located at Design > Custom CSS:

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

Worked for me! :)

Thanks @dmurphy <3 it worked!

Thanks @dmurphy <3 it worked!

Thank you thank you thank you. This feature has been the bane of my existence while trying to configure my blog on the Skye template. I wrote to Squarespace to complain and they told me that this was a standard feature on Skye and there was no way to disable it. It was bothering me so much.

Thanks again.

Thank you thank you thank you. This feature has been the bane of my existence while trying to configure my blog on the Skye template. I wrote to Squarespace to complain and they told me that this was a standard feature on Skye and there was no way to disable it. It was bothering me so much.

Thanks again.

Hey again!

This code worked on browser version, mut on tablet it keeps moving?

Hey again!

This code worked on browser version, mut on tablet it keeps moving?

Admittedly, I didn't like that it first either. I am using Tudor so it is the same. If you lock it with the code above that also means a reader will have to scroll back up for the menu button. So that's not good either.

I added a white background to my header which works well for my site because my logo has transparency and my site backdround is white. I changed the opacity so that you could see through it it just enough to see the the text is scrolling behind it. I think made it much better.

Here's the CSS for that. ` #headerAnnouncementWrapper { background-color:#ffffff; opacity: 0.9; }

So I noticed something kind of cool while playing around with a desired solution that was mentioned above.

I was trying to get it so my custom "logo" stayed at the top of the page and the navigation button and the social media icons continued to roll with the page. In trying to accomplish this, on the left had side of my screen I have my custom CSS code box open. On the right had side of the screen I have the the code showing from "inspecting it". This cased the following to happen to my page:

• The logo stayed up top.
• The nav bar button, the search button, and the social media icons moved to the bottom of the page in a sort of "locked bar".

^This looks perfect and is something I would love to try to implement. See the image for what this bottom locked bar looks like:

@octopus What is that code snippet supposed to have happen? It looks like it is doing the same as the code pointed out by @dmurphy above (aka it is holding the entire header bad: logo, nav button, and social media icons in one spot at the top of the page).

@octopus What is that code snippet supposed to have happen? It looks like it is doing the same as the code pointed out by @dmurphy above (aka it is holding the entire header bad: logo, nav button, and social media icons in one spot at the top of the page).

I'm curious what the default is here. If you have a text logo it doesn't stay on screen when you scroll. Are you saying if you add a graphic logo it does? I wonder why it's different.

Thanks for the clarification @octopus! I am still playing around with the options listed above in my layout and what you provided is really helpful.

I have seen other threads where people will piggyback on a previous question or solution, so I apologize if this is frowned upon.

I really like this solution, KGJ. Thanks a bunch!

Thank you so much, works like a charm :-)

Thank you SO much!! This worked great. I've been trying to figure this out for months. I really appreciate your helpful answer! :-D

This is an elegant solution! Thank you!

Too bad this is buried all the way back in the last page. A lot of users have a similar issue.

Thanks again. Bump.

Thanks so much @dmurphy

This was amazing. thanks!