Ghost Navigation Bar Question

Themes
1

I was looking at using the Casper theme. When you preview the theme, the top menu bar scroll with the header until the header scroll out of view, and then the menu bar stays fixed at the top of the screen as you continue to scroll.

When I use the theme, the menu bar doesn’t demonstrate this behavior, which means it must be configured somewhere, perhaps by code injection. Has anyone else done this? What do I need to do to make it happen?

Thanks!

2

Hello,
I confirm it was working in previous versions of Casper, but doesn’t work anymore ( even in latest live demo.

Any help anyone?

3

found that:

.gh-head {
    position: -webkit-sticky; /* Older Safari browsers */
    position: sticky; /* Most other modern browsers including Safari */
    top: 0;
    z-index: 4000;
}

Working on my Power BI blog : https://littlebigfrog.xyz/

2 Likes
4

Thanks! its works fine in Headline Theme adding this in Code inejction :point_down:.

<style>
.gh-head {
    position: -webkit-sticky; /* Older Safari browsers */
    position: sticky; /* Most other modern browsers including Safari */
    top: 0;
    z-index: 4000;
}
</style>

I will try to sticky only navigation bar.

Thanks again.