2017-08-10 57 views
0

該casper主題是偉大的。但我想做一些調整。如何修正Ghost casper主題中出版物標題的位置?

HTML佈局和CSS技巧是不是我做的。所以在這裏我們去...

我想解決這個網站頁眉的位置,使滾動條在頂部整齊地下滑。

簡單地改變了位置的CSS:固定在site-header類幾乎工程,因爲它原地踏步。但是這樣做會以相當難看的方式改變佈局。即它將網站標題左移,並將主頁面上的所有帖子向上移動到標題的頂部,所以當你第一次加載頁面時你看不到它。對於除了非常基本的CSS之外並不十分精明的人來說,這是意想不到的。

回答

1

我設置此我自己。需要兩個小小的調整。在site-header,設置一個z-index(我選擇1000)並設置width: 100%。然後,向site-main添加適量的padding-top。添加此填充的最好的辦法就是JS(動態檢查的site-header外高度),但如果你有理由相信你的頭不會移位大小,繼續和硬編碼。