如何将WordPress Beaver Builder导航菜单项分开为第二行

发布于 2025-02-03 20:03:18 字数 415 浏览 1 评论 0原文

在WordPress Beaver Builder插件中,我有一个菜单:

  • 4菜单项,这些菜单项被定制为显示为带有CSS类的按钮 外观>自定义>其他CSS(这些按钮是事件 将根据事件时间删除/添加)

  • 6菜单项,这是主要导航

所有项目都处于相同的菜单结构中,并崩溃成汉堡图标,并具有自定义的断点。

目前,4个按钮菜单项和6个菜单项都位于同一行上,其中6个菜单项中的一半落入第二行。

是否可以将所有6个菜单项设置在4个按钮下方的一行中,并在汉堡属于第三行时触发汉堡图标? 我要创建的示例

Within Wordpress Beaver builder plugin I have a menu with:

  • 4 menu items that are customized to display as buttons with css class
    in appearance>customize>additional CSS (these buttons are events
    that will be removed/added based on event times)

  • 6 menu items that are the main navigation

All items are in the same menu structure and collapse into a hamburger icon and have a custom breaking point.

Currently both the 4 button menu items and the 6 menu items sit on the same line with half of the 6 menu items falling into a second line.

Is it possible to set all 6 menu items in a row below the 4 buttons and triggering the hamburger icon when they fall into a 3rd line?
example of what I'm trying to create

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文