If there are more than 6 menus tabs on the top level menu. I am unable to see remaining menu tabs towards right.

[kiransk9]

Hi,

I am pretty new to Hugo and Docsy. But, trying to learn and build cool static website using Hugo and Docsy.

We have almost 9 menu tabs on the top level menu bar. When I am trying to access the website in 1280*1024 resolution and 100% zoom . I am unable to see the remaining menu tabs toward right.. Is there any option we can wrap down the tabs when accessing in lower resolution.

Thank you in advance.

SK

[fekete-robert]

You're right, also the title of the site isn't wrapped when it's longer. Seems like the top header isn't as responsive as the rest of the site.

[kiransk9]

I will try to debug and see if I can write some snippet to achieve that .. But, if already any implementation please let me know.

Thanks

[LisaFC]

The top header currently scrolls across when there are more menu items than fit on the screen but it's not always obvious that it's scrollable. Going to think about how best to signal that without a scrollbar. The other alternative is, as you say, wrapping down the menu items but that often doesn't look great either.

Kubeflow (a Docsy site with some customization) have tweaked their navbar so the whole thing is a drop-down on mobile - would that work?

Ideas and examples welcome!

[LisaFC]

The Kubeflow update is https://github.com/kubeflow/website/pull/2728

@Arhell and other Kubeflow community folk, would you be happy with us adding it into the main Docsy theme, it's a really nice solution to the "navbar goes off the side on mobile" problem?

[kimberleybrown]

A hamburger menu with dropdown would be a great addition I think for the mobile version. Is there a possibility that we could make this a config toggle in case some folks prefer what's originally there for mobile?

[LisaFC]

(sorry, was on holidays so just catching up on messages)

I'll have a look!