• 注册
  • XIU主题 XIU主题 关注:9 内容:35

    xiu主题手机端显示侧边栏

  • 查看作者
  • 打赏作者
  • 当前位置: 站长社区 > WP主题 > XIU主题 > 正文
    • XIU主题
    • 学长
      VIP 1
      头号粉丝

      最近,有VIP小伙伴问我,我的主题在手机端侧边栏是如何实现的,陌小雨告诉他我改了主题的框架,其实 xiu 主题想在手机端显示侧边栏也是可以实现的,思路就是利用 css 的优先级。我们以 xiu 主题的文章页为例:

      只需要将下面的代码加入到 single.php 的第二行,也就是下面即可:

      <style>@media (max-width: 560px){
      .ui-navtop .sidebar{display:block;margin:0 auto; padding:0 20px !important;width:100%}
      }</style>

      同理,页面和首页都可以这样来处理。就不一一赘述啦!

      我们也可以进一步将这个功能写入主题设置里面,加一个开关就好了,需要的时候开启,不需要的时候就保持 xiu 主题默认的显示方式。

      站长社区是大家的网站,我们共同努力,风雨共济,打造一个优秀的站长交流学习平台。

      请登录之后再进行评论

      登录

      分享有礼

    • 发表内容
    • 做任务
    • 实时动态