Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
charmed_traveler

How to keep logo from moving down page in Skye?

Question

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?

Edited by scoobie
retag

Share this post


Link to post

18 answers to this question

Recommended Posts

  • 4

Hey all,

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


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

Worked for me! :)

Share this post


Link to post
  • 2

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; }

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0

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:alt text

bottom-bar.png.8b3635a4de9742a5fe49d93ffec57ee4.png

Share this post


Link to post
  • 0

@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).

Share this post


Link to post
  • 0

@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).

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0

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.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...