Skip to content
Make Your Ghost Blog Beautiful & Make It Fast & Accessible With the New Ghost Theme: Nubia 😍 πŸŽ‰

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 that you need to do.

Nubia Ghost Theme Sticky Sidebar

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


πŸ‘‹ Looking for Ghost Hosting?

Try Ghost free for 14 days on a fully managed Ghost(Pro) infrastructure.

Try Ghost Pro


Get a Minimal and Faster Blog Theme

Premium blog themes for WordPress, Ghost, and Jekyll. Trusted by 1300+ happy customers

Browse Themes
superhero