如何在Blogger网站的移动端视图中将指定文本调整到下方显示

• 第一步：进入Blogger管理后台，依次点击主题→「自定义」按钮→侧边栏选择高级选项→滚动到页面底部找到「添加CSS」输入区域。
• 第二步：将以下代码复制粘贴到CSS输入框中，点击保存即可生效：

@media only screen and (max-width: 768px) {
  /* 调整头部区域内边距，避免和顶部导航重叠 */
  .hero {
    padding-top: 130px !important;
  }
  /* 可根据实际显示效果调整上方130px的数值，数值越大文本位置越靠下 */
}

• 如果上述代码未生效，可右键点击移动端重叠的文本区域，选择「检查」查看该区域对应的CSS类名，将代码中的.hero替换为你查到的类名即可。

内容的提问来源于stack exchange，提问作者Valentin Nițu