Question

在我的博客上，我正在使用浮动的Sicial媒体栏。它工作正常，但在移动和平板电脑，它涵盖页面内容。我想在响应主题中隐藏这个栏。这就是我累了但没有用的东西：

@media (max-width: 850px) {
  .addthis_toolbox .addthis_floating_style .addthis_counter_style  {display: none;float: none;}
}
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:20px;top:210px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_linkedin_counter" li:counter="top"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-539f52e94cc5e025' type='text/javascript'/>

<!-- AddThis Button END --></script>

有什么建议吗？感谢

Answer 1

您选择了错误的元素。

试试这个：

@media (max-width: 850px) {
  .addthis_toolbox.addthis_floating_style.addthis_counter_style  {display: none;float: none;}
}

Answer 2

我修复了这个问题谢谢。这就是我所做的：

<style type="text/css">
@media screen and (max-width: 970px) {
    .addthis_toolbox.addthis_floating_style.addthis_counter_style { display: none; }
}
</style>

在响应主题BLOGGER中隐藏垂直浮动条

2 个答案: