【问题标题】:Product reviews tab on product page cuts off on mobile display. Woocommerce产品页面上的产品评论选项卡在移动显示上被切断。电子商务
【发布时间】:2021-06-12 18:49:37
【问题描述】:

问题是,当我在我的在线商店(使用 Wordpress 制作)的每个产品页面中打开产品评论选项卡时,它会被切断,文本被切断,而且看起来很糟糕。让我给你看截图https://ibb.co/3sccFgj。可以看到,右边的文字被截断了,不得不说手机模式是横屏的时候没有截断,所以只有竖屏才会出现这种情况,不胜感激可以在这里帮助我,也许有一些 CSS 编码。干杯

【问题讨论】:

    标签: css wordpress woocommerce


    【解决方案1】:

    当用户单击(点击)文本框时可以忽略该问题,这样“屏幕”将移动到该元素的中心。

    以前。 https://i.stack.imgur.com/L8cyI.jpg

    点击后。 https://i.stack.imgur.com/V5db3.jpg

    但你也可以尝试移除元素

    .woocommerce #reviews {
        display: flex;
    }
    

    这样评论部分将显示在其他评论下方,而不是右侧。

    这就是我的样子。

    【讨论】:

    • 嗨,我把:.woocommerce #reviews { display: flex; } 在 CSS 但它没有工作,你确定你没有错过一个字母或什么的吗?非常感谢您的回复
    • 我在哪里可以找到那个元素?在主题编辑器上?
    • 是或者也应该有一个css文件。
    • 你是真正的男人兄弟,非常感谢,我终于解决了这个问题。我必须承认,我是这个编程世界的新手(我正在用 Youtube 上的教程创建我的网站,所以你可能会有所了解),所以拥有这种类型的论坛和像你这样优秀的人是非常有用的。来自墨西哥的问候
    • @Guerel10 很高兴它成功了。另外,如果我的帖子适合您,请考虑将我的帖子标记为答案。谢谢。
    猜你喜欢
    • 2012-06-30
    • 1970-01-01
    • 1970-01-01
    • 2012-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-02
    • 1970-01-01
    相关资源
    最近更新 更多