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

发布日期:2019-03-30 23:00:11 作者:冬镜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模版关闭开启侧边栏修复教程冬镜就分享到这里,如果你还有什么不懂的,请评论区留言交流。

搜一下

标签:

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

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

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

发表评论

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

评论

2条评论
  1. 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 回复

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

      山东省青岛市 联通