标识被隐藏*之前*WP将导航折叠为汉堡按钮| WordPress.org

断然的斯特凡·莫诺夫
（@stefan-monov）

1个月前
你好！

我使用Windows 10，并将其配置为使用150%的缩放比例（在操作系统设置中）。我的分辨率是1280×1024。我的浏览器是最新的Chrome浏览器，我的Chromer窗口被最大化。

当浏览器缩放为67%时，一切正常。然后，当我开始放大（使用ctrl+鼠标滚轮）时，徽标（我在标题左侧的照片）会随着每一步而变小。缩放90%时，徽标完全不可见。只有在100%缩放时，WordPress才会将导航折叠成汉堡按钮。

我可以通过在其块上设置此css轻松修复徽标收缩：
```
弯曲收缩：0；
```
…但是，当我放大时，标题会溢出到右侧并创建一个水平滚动条，而不是将导航折叠成一个汉堡。

我真正想要的是WordPress能够检测到崩溃导航的正确时刻。

任何提示都非常感谢！

我需要帮助的页面：[登录查看链接]

查看10条回复-1条到10条（共10条）

主持人菲利佩·桑托斯
（@foosantos）

4周前

你好，

如果你的菜单默认总是折叠的，你认为这对你有用吗？我认为这是一个更具体的用例，我甚至不确定是否可以复制它，但可能是一个选项。

螺纹起动器斯特凡·莫诺夫
（@stefan-monov）

3周，6天前

@美食爱好者谢谢你的回复！坦率地说，如果菜单总是默认折叠的话，我不会很喜欢。（我喜欢强调/强调菜单中可用的选项，让它们脱颖而出，这就是原因）。🙂

主持人约旦设计
（@jordesign）

3周，2天前

您好!@斯蒂芬·莫诺夫–我完全可以理解。

我建议的一件事是调整列和/或图像本身的大小。您应该能够在图像/徽标上设置固定大小，这样它就不会与其他元素缩放。

螺纹起动器斯特凡·莫诺夫
（@stefan-monov）

3周前

@约旦设计谢谢！这就是我试图用“flex-shrink:0”行做的，但正如我在原始帖子中所写的那样，不幸的是，这导致了一个水平滚动条。
主持人约旦设计
（@jordesign）

2周，4天前
嘿@斯蒂芬·莫诺夫–看起来你可能在代码中有错别字–我看到的CSS是：
```
最小宽度：85像素！重要；
挠曲收缩：0；
```
你能试试这个吗？
```
最小宽度：85像素！重要；
弯曲收缩：0；
```
螺纹起动器斯特凡·莫诺夫
（@stefan-monov）

2周，4天前

@约旦设计谢谢，我知道打字错误——这是故意的。我使用它作为一种简单的方法来禁用一行CSS代码（嘿，它比/**/更少的按键🙂 )

我现在暂时“重新启用”了这两行（也就是修复了输入错误），以便您可以看到它们导致出现的水平滚动条。

主持人约旦设计
（@jordesign）

2周前

嘿@斯蒂芬·莫诺夫–谢谢你这么做。当我查看网站时，我没有看到滚动条。你能在其他浏览器/设备中进行测试，看看是否只在其中一些浏览器/设备上发生？
螺纹起动器斯特凡·莫诺夫
（@stefan-monov）

2周前
@约旦设计

当然，我参加了测试：
- Windows上的桌面Chrome
- Windows上的桌面Firefox
- Windows上的桌面边缘
- Android上的移动Chrome
事实上，在Android上没有出现滚动条。在桌面上，当你放大时会有一个滚动条。

我想你正在尝试我在第一篇文章中描述的设置？（即1280×1024分辨率，150%MSWindows比例，浏览器缩放>=75%）

请确保硬重新加载网站（Ctrl+F5）。
- 此回复于2周前由修改斯特凡·莫诺夫.
主持人约旦设计
（@jordesign）

1周，4天前
嘿@斯蒂芬·莫诺夫–不幸的是，我无法检查特定的设置，但可以让其他人查看。

我能想到的另一种方法是尝试另一种布局设置。看看它的行为是否更可靠。

你能试一下有两列的列块吗
- 固定宽度的第一列，以及其中的徽标
- 第二列不固定宽度-包括其他内容-随屏幕宽度调整。
螺纹起动器斯特凡·莫诺夫
（@stefan-monov）

1周，3天前

@约旦设计谢谢，我试过了，但它引起了一些问题：导航按钮中的文本被垂直拆分为单个字母，例如：

Н

А

Ч

А

Л

О

无论如何，我找到了一个很好的解决方案——当水平空间不足时，我允许行（包含导航按钮）进入第二行。这个结果很适合我。再次感谢您的关注🙂

查看10条回复-1条到10条（共10条）

你一定是已登录回复此主题。