2015-10-05 107 views
0

在refrence到:http://meraxcapital.weebly.com/停止對烏眼weebly主題固定頭,讓Logo更

我試圖阻止粘頭在客戶端的weebly主題,但它是推動我堅果這裏是基本報頭css代碼:

/* Header */ 
.birdseye-header { 
    position: fixed; 
    z-index: 12; 
    overflow-y: hidden; 
    width: 100%; 
    padding: 10px 30px; 
    box-sizing: border-box; 
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden; 
    -webkit-transition: all 250ms ease; 
    -moz-transition: all 250ms ease; 
    -ms-transition: all 250ms ease; 
    -o-transition: all 250ms ease; 
    transition: all 250ms ease; 
} 
.birdseye-header .container { 
    display: table; 
    overflow-y: hidden; 
    width: 100%; 
    max-height: 80px; 
} 
.birdseye-header label.hamburger { 
    display: none; 
} 
.birdseye-header .logo { 
display: table-cell; 
overflow-y: hidden; 
margin-right: 30px; 
padding: 0; 
vertical-align: middle; 
line-height: normal; 
} 
.birdseye-header .logo a { 
display: block; 
    margin-right: 30px; 
    margin-left: 10px; 
    color: #ffffff; 
    text-transform: uppercase; 
    letter-spacing: 0.03em; 
    font-family: 'Open Sans', sans-serif; 
    font-size: 24px; 
    font-weight: 600; 
    line-height: normal; 
} 
.birdseye-header .logo img { 
    display: block; 
    overflow: hidden; 
    max-width: 200px; 
    max-height: 40px; 
} 
.birdseye-header .logo #wsite-title { 
    display: block; 
    max-width: 400px; 
    max-height: 40px; 
    font-family: 'Open Sans', sans-serif; 
    font-size: 24px; 
    font-weight: 600; 
    line-height: normal; 
    } 

我試過所有〜邏輯〜的方法,但歡迎任何建議。

我也遇到一些衝突來試圖擴大標誌(如上同一段代碼)

我試圖改變「最大寬度/高度元素,並同時與faffing各地工作在檢查元素它實際上並沒有實施!

提前謝謝你!

回答

0

目標是禁用「固定」位置並將其更改爲絕對位置。如果你有權訪問這些樣式,那麼我會直接將它們從固定改爲絕對。如果沒有,那麼你可以嘗試重寫還有什麼用以下:

.birdseye-header, body.page-has-banner.affix .birdseye-header, body.splash-page.affix .birdseye-header { 
    position: absolute !important; 
} 

至於圖像尺寸......你需要禁用或更改最大寬度和最大高度的」 .birdseye頭。標誌img「選擇器。

你可以嘗試用以下重寫他們:

body.page-has-banner .logo img { 
    max-height: 70px; 
    max-width: 250px; 
} 
+0

太感謝你了約瑟夫!這樣直截了當的解決方法,謝謝你的幫助! – Eloisewb

0

如果我理解正確的話要被固定在網頁的頂部停止頭,你將不得不刪除以下:

.birdseye-header { 
 
    position: fixed; 
 
}

你也應該刪除的高度 - 這一些如何增加高度,以頭 - 我THI NK它在你的main_style.css線/ 30:

body.page-has-banner.affix .birdseye-header, body.splash-page.affix .birdseye-header { 
 
    position: fixed; 
 
    top: 0; 
 
    background: rgba(35, 35, 35, 0.95); 
 
    /* height: 60px; */ 
 
    padding: 10px 30px; 
 
}

+0

僅供參考 - 僅從.birdseye-header中移除固定屬性最終將其橫幅圖像向下推,這可能不是提交者期望完成的。 – Joseph

+0

我明白你的意思 - 設定位置:絕對!重要;將是最好的 - 至於標誌的高度可能有一些其他風格,你已經設置影響徽標樣式 –

+0

感謝堆傢伙! – Eloisewb