文章分類:
2013-12-13
鑄雲舖專案經理 -- kun
如果要修改drupal7 zen-7.x-5.x 在手機顯示模式會出現在內容下方的問題
只要將sass資料夾的 _responsive.css這個檔案裡面的 @media all and (min-width: 480px) 這一行移除就行了：
原本的程式碼：
/*
* Navigation bar
*/
@media all and (min-width: 480px) {
#main {
padding-top: 3em; /* Move all the children of #main down to make room. */
position: relative;
}
#navigation {
position: absolute;
top: 0; /* Move the navbar up inside #main's padding. */
height: 3em;
width: 100%;
}
}
* Navigation bar
*/
@media all and (min-width: 480px) {
#main {
padding-top: 3em; /* Move all the children of #main down to make room. */
position: relative;
}
#navigation {
position: absolute;
top: 0; /* Move the navbar up inside #main's padding. */
height: 3em;
width: 100%;
}
}
修改成：
/*
* Navigation bar
*/
#main {
padding-top: 3em; /* Move all the children of #main down to make room. */
position: relative;
}
#navigation {
position: absolute;
top: 0; /* Move the navbar up inside #main's padding. */
height: 3em;
width: 100%;
}
* Navigation bar
*/
#main {
padding-top: 3em; /* Move all the children of #main down to make room. */
position: relative;
}
#navigation {
position: absolute;
top: 0; /* Move the navbar up inside #main's padding. */
height: 3em;
width: 100%;
}
這樣就能夠維持主選單會在最上面的位置。