Crisp not scrolling?

I use Crisp for my blog, and while the right side of the browser window scrolls properly, the left side seems stuck or something. If I flick the mousepad the window bounces up and you can see everything there, and then it immediately bounces back. This is happening in Chrome and Safari on the desktop. Mobile isn’t an issue as the formatting is different.

Just wondering if anyone else has experienced this and might have any suggestions. My blog is strikepod.com if you want to see what I’m talking about.

Thanks!

  • David

Hi @Strikepod. Go on /assets/styles/crisp.css. At line 21 you should see:

header {
	border-right: 1px #eee solid;
	padding: 2em;
	position:fixed;
	top: 0;
	left: 0;
	height:100%;
	width:13.5em;
}

Replace those lines with:

header {
    border-right: 1px #eee solid;
    padding: 2em 2em 0em;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 17.5em;
    overflow: auto;
    box-sizing: border-box;
}

Wow! Thanks for the quick reply!

I’ll give it a go.

It worked!

Thank you SO much! You have no idea the joy you’ve just brought to my life. I’ve been sitting on this issue for months.

Thank you!

Me again …

So now I seem to have a different issue.

Prior to the css change (Crisp not scrolling? - #4 by Strikepod), I had the posts_per_page in the package.json file set to 15, but after the change, it seems to now be defaulting back to 5.

Any insight? I tried changing it to 20 and uploading the new version and it still remains at 5.

Thanks again.

Solved!