在手机和平​​板电脑上隐藏页脚

Question

我想在移动和平板电脑设备上隐藏我的页脚。我在谷歌上寻找了一些帮助，但没有找到任何东西。我的页脚的 HTML 代码是，

<!-- Footer -->
    <footer class="footer" role="contentinfo">
        <div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : ''); ?>">
            <jdoc:include type="modules" name="footer" style="none" />
          <div class="footer">
&copy; <?php echo date('Y'); ?> <?php echo $sitename; ?>
            </div>

我的页脚的 CSS 代码是，

.footer {
  background-color: #F6861F;
  color: #fff;
  padding: 20px 0;
  margin-bottom: 0
  text-align: center;
  overflow: hidden;
  width: 100%;
}

Answer 1

像这样的东西应该有效：

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