How to Make the Sidebar for the Nubia Ghost Theme Sticky

Ahmad Ajmi Photo
Ahmad Ajmi

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.

  .c-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
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.

Subscribe to Aspire Themes

You will receive Ghost resources, new themes, and updates.

Write more
Save time & money

Ghost themes that are simple to use and easily customizable. Choose a theme for your blog, newsletter, podcast, portfolio, or news website.

Choose your theme →
  • Ghost 5.0 Support
  • Free Support & Updates
  • 100% Money Back Guarantee