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

  }

}

今天2024.11.27自己又忘记了,用bing搜居然搜到自己文章,另外又找到一种,还没有实际使用,放下边选择使用

@media only screen and (max-width: 600px) {

  .blockname {

    display: none;

 }

}

You may also like

  • hestiacp更改mariadb版本
  • 解决企业微信启动报错:0x0000142无法打开,企业微信,邮箱大师安装点击无反应,打不开的解决方法
  • 硬盘显示“位置不可用:拒绝访问,无法访问i 拒绝访问,解决办法
  • win10关闭自动更新最简方法
  • LibreOffice设置安装中文方法
  • s999.JPG, Jan 2025 晶晨芯片s922,s912,s905x4,s905x3,s905x2,s905l3a/s905l3a-b,s905d/s905l3/s905l3b比较
  • 手动挡换挡位置说明
  • Wappalyzer一个好工具,记录下