我的汉堡包跑了 (bootstrap) 问题 - 菜单在全屏和小屏上显示,但在平板电脑上不显示

my hamburger got away (bootstrap) issue - menu showing on full and small screen but not on tablet

我已经尝试解决这个问题一段时间了,但我不是 bootstrap 专家,它是我正在制作的一个迷你网站,它在 blazor 中,但我在其中使用了一个 boostrap 模板,一切与这件事不同。

全屏显示完整菜单,小屏显示汉堡菜单,但中间什么都没有,这两个菜单都不会出现在我猜是平板电脑尺寸上。

我试过更改 css 但似乎没有任何影响

如果有人有线索那就太好了,谢谢

您可以在此站点上看到该问题(仍在进行中)

https://passvault.co.uk/

谢谢

尝试将 CSS 文件中媒体查询的“最大宽度”替换为“最小宽度”。我通常不使用 bootstrap,但我认为这是问题所在。