使用@media隐藏在Shopify中无效的内容

Question

当浏览器调整到一定宽度以下时，我试图隐藏类似Facebook的按钮。

我有以下代码：

@media all and (max-width: 300px) 
{
  .fb-like { float: right; display: none; }
}

我已经在常规网站上对此进行了测试，但它在Shopify中无效。关于为什么的任何想法？

Answer 1

似乎我无法在css中引用“fb-like”我必须创建一个单独的div来包围它，然后才能编辑它的显示方式。