【问题标题】:How can I remove the horizontal scroll bar on my WordPress site?如何删除 WordPress 网站上的水平滚动条?
【发布时间】:2014-06-24 10:15:08
【问题描述】:

我最近突然在我的网站底部出现了一个水平滚动条。有人知道怎么去掉吗?

我的主题是 Flatco:http://themeforest.net/item/flatco-responsive-multipurpose-one-page-theme/5222241

【问题讨论】:

  • 请提供您网站的链接
  • 查看我的答案,只需将代码复制到您的 style.css 即可完全移除水平滚动条。

标签: wordpress wordpress-theming scrollbar horizontal-scrolling


【解决方案1】:

我知道这有点“懒惰”,但您可以将其添加到您的自定义 CSS 中。

 body, html { overflow-x:hidden; }

希望对您有所帮助。和平

【讨论】:

    【解决方案2】:

    只需打开您的 wordpress 仪表板并转到外观部分,然后单击自定义,一旦打开,最后转到附加 CSS 并粘贴

    body {
    max-width: 100%;
    overflow-x: hidden;
    }
    

    我希望它确实有帮助。谢谢。

    【讨论】:

      【解决方案3】:

      它基于 Bootstrap,因此很可能您的容器后面没有一行。如果您使用的是拖放构建器,则需要一个容器来存放您的元素。

      很抱歉,我无法提供更多帮助,但如果没有访问您的 WP 安装,与主题相关的问题以及带有自定义页面构建器的主题更难回答。

      【讨论】:

        【解决方案4】:

        好的,所以我解决了。如果其他人有这个问题,请检查:

        我的页脚中有太多字符,最后在底部制作了一个水平滚动条。一旦我删除了一些字符,滚动条就消失了。

        【讨论】:

          【解决方案5】:

          如果您使用的是 Elementor:

          1. 转到您的页面
          2. 使用 Elementor 编辑
          3. 点击齿轮图标(左下角)
          4. 点击高级
          5. 输入这个:
          body {
            max-width: 100%;
            overflow-x: hidden;
          }
          
          1. 保存

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2014-07-16
            • 2011-05-23
            • 2013-03-25
            • 1970-01-01
            • 2017-05-21
            相关资源
            最近更新 更多