Emlog Fly模版主题修复侧边栏按钮样式重叠教程

发布日期: 作者:冬镜SEO

  • 正文内容
  • 相关推荐
原创

用过Emlog Fly模版的长都应该知+道该模版在文章页面开启关闭侧边栏有一个小Bug,这段时间冬镜一直在忙着其它事,一直没处理。今天闲下来了,就给大家分享分享Emlog Fly模版应该如何修复这个问题。

Emlog Fly模版主题修复侧边栏按钮样式重叠教程

其它废话就不多说了,冬镜直接教大家如何修改。初始访问文章页面的时候,左侧正文内容这一模块的宽度760px,点击关闭侧边栏宽度就会变成100%,而再次点击开启侧边栏宽度就会变成790px,这样就会与本身的侧边栏的样式相互重叠,如下图所示。

Emlog Fly模版主题修复侧边栏按钮样式重叠教程

有一点前端功底的站长应该都知道怎么解决了吧?我们只需要把790px修改为760px即可正常显示了,不过这里冬镜提醒一下大家,Fly主题的作者在实现开启关闭侧边栏是靠js来实现的,所以我们这里需要修改js里面的代码即可。

Emlog Fly修复侧边栏功能教程

1、找到模版文件夹下的 main.js ,完整路径如下 /content/templates/FLY/js

2、编辑main.js文件,找到 width: "790px" ,把790px修改为760px,此文件需要修改的地方有2个(小提示:通过搜索更快额);

 width: "790px"  修改为    width: "760px"

3、保存,查看网站前台页面,是不是已经修复了。

正常样式如下图所示:

Emlog Fly模版主题修复侧边栏按钮样式重叠教程

今天关于Emlog Fly模版关闭开启侧边栏修复教程冬镜就分享到这里,如果你还有什么不懂的,请评论区留言交流。

特别声明

本文为 冬镜SEO 原创发布,仅代表作者观点,不代表冬镜博客网的观点或立场,冬镜博客网仅提供信息发布平台,合作供稿、侵权删除、反馈建议请联系520@520xx.cc

分享SEO优化技术及网站优化教程,一个权威的SEO博客.

标签:

标题:Emlog Fly模版主题修复侧边栏按钮样式重叠教程

链接:https://uqseo.com/emlog/392.html

版权:若无特殊标注皆为 冬镜SEO 原创版权,转载请以链接形式注明作者及原始出处

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

6条评论
  1. avatar

    若离风 Lv.2 Chrome 49.0.2623.87 Chrome 49.0.2623.87 Windows 7 x64 Edition Windows 7 x64 Edition 回复

    没有效果呀

    云南省昆明市 移动GSM/TD-SCDMA/LTE全省共用出口

    1. avatar

      若离风 Lv.2 Chrome 49.0.2623.87 Chrome 49.0.2623.87 Windows 7 x64 Edition Windows 7 x64 Edition 回复

      广东省广州市 电信

      1. avatar

        锟斤拷 Lv.1 Chrome 80.0.3987.106 Chrome 80.0.3987.106 Windows Windows 回复

        按照这个方法修改了还是不行 一样的会重叠

        重庆市 电信

        1. 冬镜SEO Chrome 79.0.3945.88 Chrome 79.0.3945.88 Windows Windows 回复

          回复了锟斤拷:网址多少讷?

          重庆市 联通

      2. avatar

        雪域绿影 Lv.1 Chrome 56.0.2924.90 Chrome 56.0.2924.90 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        学习了,学习了

        云南省 移动

        1. avatar

          何以往事ツ Lv.2 Chrome 73.0.3683.86 Chrome 73.0.3683.86 Windows 7 Windows 7 回复

          这个细小的问题你都有空修复了 表情

          山东省青岛市 联通

          冬镜seo客服