使用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

  • drupal解决配置遗留问题,彻底卸载模块的模块easy install
  • hesticap添加域名出现Error: Web domain folder for fdfda.com should not exist错误
  • 抖音解封教程几种方法
  • hestiacp默认php最高8.2,如何安装php 8.3
  • hestiacp安装后出现phpmyadmin管理404的错误,如何登录
  • hestiacp环境安装discuz出现 error http500错误
  • vestacp的文件管理插件免费了,给安装一个
  • 通过CSS 定义字母的大小写,drupal