How to toggle (Bulma) js classes on {{navigation}}

Themes
1

Hi!

I forked the starter theme and started developing it with the Bulma css framework, but I have problems with the top navigation bar on mobile screens:

when I touch/click a hamburger icon (used as toggle), an is-active css class is toggled by JavaScript correctly on the toggle itself but not in the navigation menu as it should happen simultaneously, hence the items of the menu don’t appear on mobile.
I wonder, is this because the {{navigation}} is separated into a .hbs template and should address it differently from the js script in the default.hbs head?

2

Nope. The handlebars is interpreted to make plain old vanilla HTML, which is served to the browser. Then the browser runs the javascript.

I’m not sure I specifically understand your problem, but your proposed cause is definitely not it.

If you need to modify what that javascript is doing, you’ll find it in your theme’s assets/js folder.