如何在 divi 电脑端与手机端网站设置不同样式的菜单

如何在 divi 电脑端与手机端网站设置不同样式的菜单


正在查看 10 个帖子:1-10 (共 15 个帖子)
  • 作者
    帖子
  • z18622931736
    参与者
    • 文章数量: 30
    @z18622931736
    楼主

    请问各位大佬,我在divi官网上看到了这么一款弹性菜单样式模板。https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-responsive-slide-in-menu-with-divis-theme-builder

    我觉得这种菜单相当好,但是只打算在手机端使用。电脑端还是采用原始的菜单。divi客服告诉我只需要在设置里的可视性选择PC端禁用就够了。但我这么设置之后PC端网页却没有任何菜单,原来的菜单也没了。我又问了另一个客服,它说得在divi 定制里自己重新制作一个徽标及菜单模块。然后选择这个菜单的手机端可视性禁用。这样我手机上用的就是弹出式菜单,电脑用的就是这种普通菜单。教程如下:https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-custom-global-header-with-divis-theme-builder

    但是我这么做了之后发现手机端又没有任何菜单了,电脑端的菜单是我这次创建的菜单。到底怎样才能实现我的两种菜单的目标?请各位大佬赐教。

     

    诗语
    管理员
    • 文章数量: 5,865
    @feibisi

    意思就是让你新建两个定制页眉,A 和 B

    A 页眉勾选【PC端禁用】
    B 页眉勾选【手机端禁用】

    要在 Divi 主题定制器里面做 ,不是页面和 WordPress 系统菜单里创建。

    z18622931736
    参与者
    • 文章数量: 30
    @z18622931736
    楼主

    那个客服的意思的确是只需要创建一个PC端的菜单,并没有说再创建一个手机端我所想要的菜单。那个不好意思我刚刚说错了,我是在divi主题生成器里面制作的global header用来放置logo和菜单。而这个菜单也覆盖了手机端的那个,选择禁用之后手机端就没有任何菜单了。请问诗语大佬究竟怎样才能创建双端不同的菜单?特别是手机端我所想要的菜单又是如此特别

    诗语
    管理员
    • 文章数量: 5,865
    @feibisi

    你就得按我上面说的方式来新建,只不过是把 A 和 B  菜单都建到一个 global header 里去。

    自己试试看吧,不要在全局设置隐藏,只需要在 A 和 B 两个分栏里设置就行。

    z18622931736
    参与者
    • 文章数量: 30
    @z18622931736
    楼主

    两个菜单的位置关系是上下结构吗?那样的话在一个设备上打开时,另一个菜单所在的位置岂不是空的?尤其是上面一个菜单此时被禁用可视性时。他们的位置应该都是固定不会变的。毕竟可视性只是改变了可视化,不是消除了它的存在。其它元素不会往上挪

    诗语
    管理员
    • 文章数量: 5,865
    @feibisi

    谁说不会自动上挪,你试都不想试也是没辙。

    z18622931736
    参与者
    • 文章数量: 30
    @z18622931736
    楼主

    <p style=”text-align: center;”>嗯嗯,非常感谢诗语大佬。今天用不了电脑,我后天试试看</p>

    z18622931736
    参与者
    • 文章数量: 30
    @z18622931736
    楼主

    我今天试了一下,在一个菜单被可视性禁用的情况下另一个菜单果然可以上浮,诗语大佬你真是强,太佩服你了。我打算照着这个教程(https://www.elegantthemes.com/blog/divi-resources/divi-plugin-highlight-divi-madmenu)自己做个弹性菜单和普通菜单然后不断调试看能不能做出很好的配合。不过我还想再请教一个问题。像这种做出来的global header怎么添加为自带的菜单制作的一些特殊的特效或者样式呢?比如这个样式(https://www.elegantthemes.com/blog/tips-tricks/how-to-style-any-wordpress-themes-navigation-menu)的第一种。菜单的下划线的特效。这种我试了一下,对原始菜单有效但对主题定制器里制作的菜单无效。有没有什么办法可以使其应用?

    诗语
    管理员
    • 文章数量: 5,865
    @feibisi

    可以尝试直接调用原始主题的菜单,如果不会操作的话,你可以试试看复制这个特效的代码然后添加到你另外制作的菜单模块里面。

    z18622931736
    参与者
    • 文章数量: 30
    @z18622931736
    楼主

    请问调用原始菜单是啥意思?好像没怎么听说过,应该怎么做呢?

正在查看 10 个帖子:1-10 (共 15 个帖子)
  • 哎呀,回复话题必需登录。

未找到对应子版块?请直接在 [疑难杂症] 版块中发帖提问。

收藏纪念品


有奖活动

参与论坛社区问答,有机会获赠文派瓦普(Wapuu.com)手办模型。

话题信息

商业系统