[Bug] 在指定宽度的页面上出现样式错误

[shaokeyibb]

主题版本

latest dev

Bug 类型

该 Bug 是前端问题，且似乎和浏览器无关

浏览器

Chrome / Edge

普遍性

是

问题描述

Argon Theme 在最新的 dev 分支代码中，顶部 header 存在样式异常：

1. 当设备宽度大于（不含） 900px 且小于（不含） 992px 时，顶部 header 左右按钮同时变成 menu 样式，且左侧按钮无法点击）图一）；
2. 此时，点击右侧按钮，可以打开菜单，但菜单样式混乱，包括透明度消失，出现两个搜索栏且只有下方的搜索栏可以正常使用（图二）

复现步骤

打开 Devtools，将移动设备页面宽度设置为 901px 即可复现

截图

图一：

图二：

附加说明

No response