Skip to content

How to Make the Sidebar for the Nubia Ghost Theme Sticky

A customer of mine recently sent me an email discussing how to make the sidebar for the Nubia Ghost theme to be sticky. The easiest way we ended up using was using the CSS Sticky property. To add this to the Nubia theme, go to the Code injection admin section, and paste the following code in the Site Header section.

<style>
  .c-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
</style>
CSS Sticky

Click the Save button, and that’s all you need to do.

Nubia Ghost Theme Sticky Sidebar

Please make sure you are using the latest version of the Ghost theme.