wordpress - Elementor wordpress - 第一部分在移动设备中不可见

Question

我正在用 elementor 设计一个 wordpress 页面。该网站在桌面上非常完美。但是在移动设备上，elementor 的第一部分不会显示。有什么办法可以用自定义 php 代码解决这个问题吗？

标签： wordpressresponsive-designelementor

Answer 1

该问题是由 CSS 代码引起的，以下 CSS 代码导致 div 高度为 1px，使其不可见：

@media (min-width: 768px)
.elementor-section.elementor-section-height-full>.elementor-container {
    height: 100%;
}

表达方式

@media (min-width: 768px)

仅将代码应用于宽度高于 768 的屏幕，这使得它不支持移动设备。

要解决此问题，您需要将以下代码应用于您的自定义 CSS：

@media (max-width: 768px)
   .elementor-section.elementor-section-height-full>.elementor-container {
    min-height: 350px;
}

试一试，让我知道。