移动端侧边栏筛选无法悬浮求助(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
相关产品推荐
相关产品推荐

