The responsive sidebar is not functioning properly.

[Tsuuuuuuun]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Built from jekyll-theme-chirpy

Description

After performing a git clone from GitHub and deploying it as is, the responsive sidebar is not functioning properly on mobile devices. I also ran bundle exec jekyll serve to check it locally, but it still doesn't work correctly. I have attached a video below.

Chirpy.-.InPrivate.-.Microsoft.Edge.2024-10-19.23-06-20.mp4

Operations you have already tried

I have looked through various files related to the sidebar, but since I am a beginner with HTML, CSS, and JavaScript, I couldn't fully understand them.

Anything else?

No response

[kungfux]

Do you see any messages in the browser console?

I guess you may have issues with other functionality like search. If that's the case, then make sure to build javascript files:

$ npm install
$ npm run build

[Tsuuuuuuun]

Thank you for reply. I see in Microsoft edge and Safari.
Where should I execute this command? At jekyll-theme-chirpy?

[kungfux]

Where should I execute this command? At jekyll-theme-chirpy?

Yes. Execute from bash or command line. Or, better use tools/init.sh script to initialize the environment.
Alternative option might be to use Dev Containers.

[Tsuuuuuuun]

I ran

$ npm install
$ npm run build

and it worked successfully! Thanks!