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

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

Emlog · 重庆SEO ℃

发布时间: 作者:冬镜SEO

文章标签:fly模版fly主题emlog教程修复侧边栏

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

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

有一点前端功底的站长应该都知道怎么解决了吧?我们只需要把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模版关闭开启侧边栏修复教程冬镜就分享到这里,如果你还有什么不懂的,请评论区留言交流。
  • 冬镜SEO

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

    点击投稿

  • 本文简介

    文章分类: Emlog

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

    文章链接:http://mip.uqseo.com/emlog/392.html

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

         导航