首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >需要帮助指定要在移动视图中隐藏的列表

需要帮助指定要在移动视图中隐藏的列表
EN

Stack Overflow用户
提问于 2021-11-06 21:49:13
回答 1查看 22关注 0票数 0

我正在使用Wordpress &试图在Wordpress站点的"additional css“部分中指定一个在移动视图中隐藏的列表。我附上了下面这棵树的截图。(这是div id=“footer-8”下的列表)

到目前为止,我使用的代码是,但它似乎没有做任何事情!

代码语言:javascript
运行
复制
@media screen and (max-width: 600px) {
  #footer-shape-holder li.single-shape shape1 {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-06 22:05:57

您在那里有一个ID而不是类,并且.shape1不是.single-shape的子项。尝试如下:

代码语言:javascript
运行
复制
@media screen and (max-width: 600px) {
   .footer-shape-holder .single-shape.shape1 {
       display: none;
   }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69868168

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档