在大屏幕中以响应模式隐藏元素

Question

在此页面上：here

在 360×640 的响应式视图中 我不希望侧边栏出现或可能出现在上面的菜单之类的单击按钮中，因为它正在将原始内容向下推 看

我试过了

    visibility:hidden;

对于这个屏幕分辨率，但只有文本消失，框仍然存在 看

非常感谢任何帮助！ 谢谢

Answer 1

@media screen and (max-width: 600px) { .sidebar{ display:none; }}

根据您的页面

@media screen and (max-width: 600px) { .product-listy { display:none; }}