使用drupal时,如何使得侧栏或某些block在移动端手机上不显示

最近drupal使用比较少,记录也少,drupal基本是万能的,选择了n多cms,要做站最终还是回到drupal上,因为功能太全了,今天是一个站在电脑显示器显示没有问题,关键侧栏在移动端或手机上如果显示,就得向下滑动一大段,很不友好,所以移动段得禁止侧栏sidebar或某些区块block显示,表示友好,其实官方论坛就有热心人士老早给出答案,拿来就可以了,具体如下:

1.在移动设备中隐藏块,您可以在媒体查询中使用 css。所以你需要在移动宽度媒体查询中添加“display:none”css。

2.通过 context.module 及其插件使用移动上下文

3.可以使用 Browscap Block 模块隐藏/显示移动站点中的任何块

4.可以通过向您的站点添加一些 CSS 来手动执行此操作。
           首先,您必须找出您的 Block 具有哪个 ID:您可以在配置块时在 URL 中看到这一点:/admin/structure/block/manage/block/**/configure
          例如,如果您的 Block 的 ID 为 12 (/admin/structure/block/manage/block/12/configure),请将其添加到您的 CSS 中:

@media (max-width: 480px) {

  #block-block-12 {

    display: none;

  }

}

You may also like

  • vestacp的文件管理插件免费了,给安装一个
  • 通过CSS 定义字母的大小写,drupal
  • 查看DISCUZ隐藏个人空间的发帖记录
  • xampp环境安装Drupal10提醒PHP OPcode caching 未启用
  • 也在win7的右键菜单栏上添加“在此处打开Powershell”方便composer
  • wordpress总更新受不了,避免总是更新一个插件就解决了
  • Discuz X3.4 搬站换空间过程
  • vestacp恢复备份文件ssh端命令