使用rt模板手机访问时菜单会与logo重叠

www.zhihuilink.com网站使用rt模板实现，并且嵌入微信公众号中，当前发现有部分网页菜单内容由js控制没有起作用，显示出来和网站logo重叠在一起了。请老师和各位大使指点解决，谢谢。
请注意图一的左上角
2017-07-13 添加评论
分享

没有找到相关结果

    已邀请:

    刘备曹操 - 古今多少事，都付谈笑中

    赞同来自:

    在你的当前模板 CSS 目录中创建一个新的 CSS 文件，使其最终路径及文件名如下：
    /templates/rt_metropolis/css/rt_metropolis-custom.css
    然后在这个文件中插入以下代码：.gf-menu-toggle {
    left: 1px;
    }
    2017-07-13 0 0
    分享

    QQ被盗了

    赞同来自:

    同名文件已经放到老师所说的位置上，文件中的代码只有
    .gf-menu-toggle {
    left: 1px;
    }
    当前测试还是存在菜单文字和logo图片重叠
    您可以使用手机访问http://www.zhihuilink.com/index.php/zh/shanglvfuwu，看一下。
    2017-07-13 0 0
    分享

    赤木@晴子 - 明月百年心

    赞同来自:

    我刚才通过 firebug 插件查看你所给的页面，发现前述自定义 CSS 代码已经生效了。这个 CSS 可以让那个菜单按钮向左侧边缘靠近，从而与 logo 图片拉开一点距离。从前台看，只要你的手机屏幕宽度大于 480px，效果还是不错的。
    2017-07-13 0 0
    分享

    3P网络 - 背着回忆的旅游人，即使是再细微的风景，也会留在心中的一个角落~

    赞同来自:

    我在chorme浏览器模拟手机模式下浏览网页都是正常的，您可以尝试在微信中通过扫描网址二维码的方式来打开网页尝试一下。
    2017-07-13 0 0
    分享

    不是本人 - no no no!

    赞同来自:

    根据你的建议，我用“微信”的“扫一扫”功能打开了该网址，看到了那些本应该已经“收起”的菜单项目竟然显示出来了。然后，我又做了一个测试，用我手机上的 UC 浏览器（最新版本）打开相同网址，可以看到跟你的“图二”显示的效果一样。
    我想，这个原因可能是微信本身调用的不是 UC浏览器，而是腾讯自己开发的手机版浏览器，该浏览器可能对 Boostrap（你的响应式模板就是基于 Bootstrap 工作实现响应式设计的） 的支持不够好。
    这个问题暂时无解。你可以尝试联系微信开发团队，让他们改进浏览器以支持 Bootstrap 。或者，你可以考虑给你的网站专门制作移动版 APP 。
    2017-07-13 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册