WordPress-從div分離導航欄所需的CSS幫助

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生效（在此文件中找到）：

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

刪除該自定義CSS替代項即可讓JS完成其工作，並且幻燈片放映將始終在導航欄下方開始，而不是在其下方重疊。

Answer 3

向下推滑塊div怎么樣？

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

如果您決定采用此路線，則必須在標題更改高度時針對不同的屏幕尺寸設置不同的邊距值。