You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

移动端侧边栏筛选无法悬浮求助(Blocksy Theme+Filter Everything)

移动端Blocksy主题+Filter Everything筛选侧边栏悬浮顶部解决方法

快速CSS代码方案

先通过浏览器开发者工具(F12切换到移动端视图)定位你的筛选侧边栏元素,获取它的专属类名/ID,然后将以下代码添加到主题的「附加CSS」(外观>自定义>附加CSS)或代码片段插件中:

/* 移动端固定筛选侧边栏到顶部 */
@media (max-width: 767px) {
  /* 替换成你实际获取的侧边栏选择器 */
  .wpc-filters-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #fff; /* 避免内容穿透,可根据主题调整颜色 */
    padding: 15px;
    box-sizing: border-box;
  }

  /* 适配主体内容避免被侧边栏遮挡 */
  .site-content {
    margin-top: 90px; /* 数值根据侧边栏实际高度调整 */
  }
}

如果默认的.wpc-filters-sidebar不生效,可尝试替换为Blocksy主题移动端侧边栏的类名(比如.ct-sidebar),具体以开发者工具定位到的元素为准。

文档参考指引

  • Blocksy主题自定义CSS的官方说明可在主题后台「帮助」板块查看,里面有关于移动端样式定制的基础教程;
  • Filter Everything插件的侧边栏样式定制内容,可在插件后台的「文档」入口找到,里面包含针对不同主题的适配说明。

内容的提问来源于stack exchange,提问作者Mark Broomfield

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 17:05:01