手機網站徽標對齊

我正在尋找在移動設備上查看我的Jobspark徽標。目前它向下滾動頁面，我想禁用它，並將其放在頁面頂部和「菜單」的右側。這樣我可以刪除+符號，它會很好地適合。下面是我試圖用來完成這個的一些代碼。 www.jobspark.ca手機網站徽標對齊

@media only screen and (max-width: 640px) { 
#header #logo h1.site-title { 
text-align: left !important; 
float: right; 
position: absolute; 
top: 0; 
right: 0; 
} 
}

感謝您的幫助。

******************更新*********************** - Logo隱藏後面的頂部導航，而在移動 - 想導航的顏色是黑色，而在移動 - 菜單文本，然後必須是白色

下面是一個模擬起來的，我想什麼來完成 enter image description here

來源

2013-05-09 Chris S

給屏幕截圖..現在看起來像什麼樣子，你想如何放置元素.. – Dhamu 2013-05-09 05:01:50

@Dhamu好的抱歉，我添加了一個我正在嘗試做的圖像 – 2013-05-09 05:56:21

試試site.css

#header #logo h1.site-title 
{ 
text-align: left !important; 
top: 0; 
right: 0; 
}

變化max-width在38％爲.primary-nav .nav的site.css

max-width: 38%;

希望這能解決你的問題。

來源

2013-05-09 06:16:43 Narendra

對不起，但我只是試圖在移動設備上觀看上述佈局。 – 2013-05-09 06:24:46

UI如何執行上述更改？我的意思是標誌現在在哪裏？ – Narendra 2013-05-09 06:31:38

Logo現在出現在導航後面。我更新了我的問題 – 2013-05-09 14:13:16

手機網站徽標對齊

回答

相關問題