OT: Dot Theme: Collapsing Sidebar Feature

Good Morning everybody,

i have a question about the dot hugo theme (https://gethugothemes.com/products/hugo-documentation-theme/). Is there any way that the sidebar has a collapse functionality? Right now the sidebar containts so much points that the user has to scroll a lot.
I searched for hours but couldnt find a way and Hugo is quite new to me.

I appreciate any kind of help.

Many Thanks in advance!


This forum is only for Hugo support questions and not front-end questions (JS, CSS etc.)

Please ask at the repo of the theme creator.

@gethugothemes Asked me to re-open this topic so that they can reply, since Dot is one of their themes.

1 Like

Hi @Dany_Tulumidis, we are aware of that issue and will solve it in one of the next releases. If you could make your site-repository public so we can test with your content - that would help us. I’ll get back to you tomorrow with a quick fix.

Hi again, please add the following to your style.css. This will add a scrollbar to the navigation and limit it’s height. This is only a quick fix, we will add collapsible subsections in the next release.

.sidebar{ overflow-y: scroll; max-height: 300px; } // set the hight as you want

You can add it directly to the themes /themes/dot-hugo-documentation-theme/assets/style.css or copy the whole file and add the change to a local copy in your root directories /assets/style.css.

Thank you very much for the quick fix!
Looking forward for the next release.

Wish you a nice day and stay healthy!


okay sorry for that it was my first post in this forum.

Wish you a nice day.

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.