移动设备上的左侧汉堡菜单

One thing we never got around to and caused some confusion after our work on Full height, slide out hamburger menu was that the hamburger menu, on the right side, opens a menu from the left side. For those interested in rearranging the header, this is for you:

Screenshot from 2020-09-18 12-19-27

Mobile menus appearing in the upper-left corner of the screen is not very reachable single-handedly which is why this is a standalone theme component. Options, yanno?

36 个赞

Very nice. Is it possible to extend the component and add the option for the logo to be in the middle of the bar when the menu icon is on the left? I think it’s the most logical way (speaking of ux).

4 个赞

Sure, I’ve added a theme option for you to make the logo more centered - enjoy! :slight_smile:

Screenshot from 2020-09-21 09-57-37

Screenshot from 2020-09-21 09-56-45

9 个赞

Would it be possible to customise this for the desktop version as well ?

Thanks for the theme component @featheredtoast

1 个赞

I’d consider desktop out of scope for this particular theme component.

You could certainly do something similar for desktop if you were looking to reposition elements as adopting the same techniques I used here for desktop certainly wouldn’t be too difficult in a separate theme if you’ve got something in mind you’d like to do.

2 个赞

Thank you for the reply :slight_smile: I lack the skills to build one myself, but probably should be teaching myself those :wink:

它只能在平板电脑上启用吗?因为这种用户体验非常适合平板电脑,但不太适合手机(很多人单手使用智能手机)。

最近这个组件有个 bug,激活它之后所有东西都错位了,我该怎么修复?
image

1 个赞

这不起作用。由于汉堡包按钮已经在桌面版的左上角,我们能否在核心代码中也将其设在移动版 UI 的左上角?如果不行,是什么原因阻碍了这种设计统一?

1 个赞

由于我们收到了一些关于此主题组件当前无法正常工作的报告,我已添加 broken 标签。:+1:

1 个赞

如OP所述:

菜单在移动设备上位于同一侧,方便单手使用。

感谢您指出我肯定会忽略的阅读内容。我明白了。但我们可以使其可配置吗?
这个想法是,一些使用相对较小尺寸手机的用户(例如 Pixel 7)可能没有可访问性问题,而从左侧弹出的菜单非常不自然。如果至少有什么东西必须出现在某个角落,为什么不能将其配置为菜单按钮(目前是链接到主页的网站徽标)?

这个问题什么时候能修复?

抱歉耽搁了,@benji 提交了一个修复程序,如果还有其他问题,请告诉我

2 个赞

非常感谢 @featheredtoast@benji

我刚试了一下,但不幸的是,它似乎与我安装的另一个主题组件不兼容:

请看截图(聊天图标移到了第二行):

禁用“移动设备左侧汉堡菜单”主题组件后是这样的:

希望这些信息有用!

2 个赞

这很有帮助;谢谢!我今天差不多了,但会给自己留个便条,周一再检查一下。我想我知道是怎么回事了。

3 个赞

周一快乐,@Robin.Grant!我想确认一下,这些截图是在下载了“左侧”主题的更新后截取的吗?我现在正在本地尝试重现这个问题。

1 个赞

是的 - 100%

1 个赞

已修复此问题,非常感谢 @benji

请试用一下 @Robin.Grant

3 个赞