如何刪除導航和主要內容之間的多餘空白？

每個人，嗯，我在這裏要求你們提供技術幫助，以解決名爲「Story」的Wordpress模板問題。儘管除了UC Mini和Opera Mini之外，大多數瀏覽器都沒有這個主題，只是因爲這些瀏覽器不能呈現大部分CSS和JavaScript代碼。當我使用Story模板打開Wordpress驅動的網站時，它在導航和主要內容之間給出了很多空白區域。我嘗試使用Firefox的Inspector功能來解決問題，並發現有一行不斷更改其參數，即<div id="content" class="site-content">。如何刪除導航和主要內容之間的多餘空白？

它有時變爲

<div id="content" class="site-content" style="margin-top: 121px;">和

<div id="content" class="site-content" style="margin-top: 441px;">等

的邊距自動改變本身的價值。

請幫幫我！

來源

2015-10-13 Disk01

這不是適當的論壇，你的問題，這與ExpressionEngine完全無關。它很可能會被遷移或關閉。 – jrothafer

我如何遷移它？ – Disk01

@ Disk01你的問題已被移植到右側部分，我在下面發佈了答案。如果它不起作用，請在評論中告訴我。我會盡我所能幫助你解決問題。 – Mohsin

在這個主題「故事」主題中，作者正在採用Top Nav的高度，然後添加50px，導致總共被放置爲內容div的Top margin，與使用JS的內聯CSS一樣。

您可以更改此，請訪問functions.php文件，在線157你看到下面一行：

  $('#content').css('margin-top', $('#masthead').height() + 50);

這就是它！您可以使用固定整數（即50）來控制頂部邊距，通過將其減少到20或10，對於較窄的頂部邊距將起到很好的作用。或者你可以簡單的評論這條線使用註釋標記e.g如下：

  //$('#content').css('margin-top', $('#masthead').height() + 50);

，然後申請您的上邊距要在header.php中的HTML標籤做的簡單方法。

我相信這會解決您的問題。讓我知道如果它不是！

來源

2015-10-14 14:12:46 Mohsin

我已經這樣做了。反正，謝謝！ – Disk01

@ Disk01很高興你能解決它！ :) – Mohsin

由於桌面版本沒有問題，我只是爲移動版本定製代碼。

<div id="content" class="site-content" <?php if (wp_is_mobile()) 
{ echo 'style="margin-top:70px;"';} 
else { echo 'style="margin-top:120px;"';} ?>>

到header.php

而在functions.php

書籤

//$('#content').css('margin-top', $('#masthead').height() + 50);

我也想感謝莫申

來源

2015-10-14 15:06:53 Disk01

如何刪除導航和主要內容之間的多餘空白？

回答

相關問題