Fixed sidebar

[LITUATUI]

Hi.

What's the best way to make the sidebar fixed?

Thanks.

[chipzoller]

Please explain.

[LITUATUI]

I tried with custom CSS to make the sidebar fixed or sticky, but with poor results. Is there a field to enable it in the config.toml file? From my experience with WordPress a fixed or sticky sidebar is great place to put a 300x250 banner.

I'm trying to migrate a blog from WordPress and make it look similar in Hugo. Your theme and HBS are the best themes I found so far for what I want.

[onweru]

@LITUATUI, in my experience, if the sidebar is taller than the screen height, making it sticky works but not smoothly. There's no knob on the config to enable that. It's not that hard to implement though.

I brought up the issue of the sidebar height because in most cases, the sidebar will be taller than the client's height. In which case it would be much better to make part of the sidebar sticky.

For demo purposes, I will a recording of a site that uses this theme with its sidebar being sticky.

Screen.Recording.2022-03-25.at.18.28.16.mov

If you insist on having the entire sidebar being sticky, these are the styles you should add to your custom CSS file

// assets/sass/_custom.sass
.sidebar
  &_inner
    position: sticky
    position: -webkit-sticky
    top: 60px

[LITUATUI]

I did, but always get "No results found".

[onweru]

@LITUATUI, is your site available publicly? Some sort of a preview since you are in the middle of a migration

[LITUATUI]

@onweru sorry, not yet. I still have a lot of work to do before it's ready to upload to GitHub.

Right now I have been trying it locally with this theme and HBS. Both seem very promising with only one thing or two missing.

Search not working with Clarity:

Search working with HBS:

The RSS feed is working and index.xml is available, this is what is used to search keywords right?

[onweru]

index.json yeah. Most likely mainSections under params.toml file isn't set if you followed the other instructions in the READme

[LITUATUI]

Thanks. That was it :)

I had this:

mainSections = ["post"]

Changed to this:

mainSections = ["posts"]"

Search is working now and faster than with HBS theme. Sorry for being a noob.