Question

这是我目前的网站：jigsawcreations.net 正如您所看到的，它在显示器上看起来很正常，但是每当您将屏幕大小调整为iPhone时，滑块的某些内容会被导航栏隐藏。我目前在.main或导航栏中的任何元素之间没有边距或填充，但它仍然会以不同的分辨率进行更改。我尝试在页面上多次检查HTML代码以查看可能导致此问题的原因，但我失败了。

提前致谢！

编辑：我看到导航栏和.main被抓住了，因为它们都是身体的一部分。它们都设置为块，但导航栏是固定的。这可能是原因吗？

Answer 1

您需要将导航栏上的显示从固定更改为相对。

.navbar-fixed-bottom, .navbar-fixed-top{
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
}

Answer 2

我看到有适当的JavaScript来自动向下移动.main容器，使其从.navbar开始（在您检查时看起来像这样，并在您调整大小时更改：<div class="main" style="margin-top: 114px; min-height: 1px;"> ）。

但是，你在WP插件上有自定义CSS，阻止margin-top生效（在this file中找到）：

div.main {
    margin-top: 0px!important;
}

删除自定义CSS覆盖以让JS执行其操作，并且幻灯片显示将始终从导航栏下方开始，而不是在其下方重叠。

Answer 3

如何推动滑块div？

div#n2-ss-2-align {
    margin-top: 74px;
}

如果您决定使用此路线，则必须为标题更改高度时的不同屏幕尺寸设置不同的边距值。

WordPress - 需要CSS帮助从div

3 个答案: