Asona主题移动端Weblinks无响应问题修复请求
修复Asona主题移动端Weblinks换行问题
针对移动端页面中Weblinks无法自动换行、横向延伸导致页面过宽的问题,可通过自定义CSS直接修复:
- 进入主题自定义面板(一般在「外观」→「自定义」→「额外CSS」路径下)
- 添加以下CSS代码:
/* 强制移动端Weblinks内容换行 */ .weblinks { max-width: 100%; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; }
如果.weblinks不是实际的元素类名,需用浏览器开发者工具(F12)查看对应元素的类名后替换
若上述代码效果不佳,可尝试针对移动端断点的精准规则:
@media (max-width: 768px) { .weblinks a { display: inline-block; max-width: 100%; word-break: break-all; } }
添加代码后刷新页面,切换到移动端视图验证,Weblinks应能自动换行,页面宽度恢复正常。
内容的提问来源于stack exchange,提问作者Kushal Banerjee
相关产品推荐
相关产品推荐

