Choose the width at which the primary menu condenses?

[John Stevenson]

Hello! Is there a way to change the width at which the main/primary menu collapses into the hamburger icon? On desktop, I have several top-level menu items that stretch almost all the way across the screen to the light/dark mode toggle. On smaller screens, the links overlap with the toggle and then overflow onto a second row.

Topic

[Alexander Agnarson]

Hi John!

Try editing /js/nav.js, scroll down to bottom and change this value on line 318:

breakpoint: 720

Not entirely sure it will work with the theme CSS, but it’s worth a try.

[John Stevenson]

It works as far as the menu collapsing, but when it does the light/dark mode toggle stays on the right side of the nav and overlaps with the hamburger icon.

[Alexander Agnarson]

Sorry for a late reply. Yea that was what I was worried about – as the theme is built around the 720 breakpoint it would need quite a few changes to work, I think.

[Author]

Replies