2011-05-16 107 views
0

我正在嘗試將WP主題的導航欄移到其指定的徽標區旁邊,無濟於事(像這樣:http://screencast.com/t/UsPhTZ3SM)有沒有想法?下面是的header.php代碼:http://pastebin.com/mr7mtpMG更改WordPress主題導航欄定位

非常感謝,

亞歷

+0

您可以發佈一個鏈接,一個看導航? – gutierrezalex 2011-05-16 21:07:18

+0

當然:http://mefo1.ecin1prod1lnx1.com/。謝謝 – Alex 2011-05-16 21:10:19

+0

您是否在nav下面有搜索框?我不認爲你可以放在徽標旁邊。明白我的意思了嗎? – gutierrezalex 2011-05-16 21:13:52

回答

0

如果我是你,並試圖簡單地移動導航的標題下,我只想切換這些章節。但是,這就是我,我就是試錯的大風扇......

<div id="top-header"> <!-- top navigation bar --> 
    ..... 
</div><!--end header--> 

<div class="clear"></div> 

<div id="header"><!-- header --> 
    ..... 
</div><!-- end header --> 

切換到:

<div id="header"><!-- header --> 
    ..... 
</div><!-- end header --> 

<div class="clear"></div> 

<div id="top-header"> <!-- top navigation bar --> 
    ..... 
</div><!--end header--> 

但同樣,我的不介意人的類型摔東西學習的興趣...

+0

就在你身邊 - 直到你嘗試纔會知道。謝謝迦勒,這是一個非常棒的起點,它幾乎是完美的! – Alex 2011-05-16 21:31:51

+0

不需要清除div – gutierrezalex 2011-05-16 21:34:08

0

我會重新格式化HTML和清理的CSS(太多的不必要的花車),但如果你想速戰速決,請嘗試以下操作:

 
- #top-header, add position: absolute and margin-left: 26em 
- #nav-pages li, add display: inline-block 
  • 刪除以下屬性:
 
#top-header, width: 930px; 
#top-header-left, float: left, display: inline; 
#nav-pages, #nav-pages ul, float: left 
#nav-pages li, float: left 

注:在大家的喜愛沒有測試,IE

希望這是有道理

+0

要去試試看。謝謝! – Alex 2011-05-16 21:56:15