Divi 主題隱藏全站頁頭，或者僅隱藏 PC 電腦端的頁頭方法。

2019 年 10 月 14 日

1,025 熱度

註冊賬號

立即登錄

該話題包含 0 個回覆，1 人蔘與，最後由詩語更新於 5 年、 5 月前。

正在查看 1 個帖子：1-1 (共 1 個帖子)

作者

帖子

#33520

詩語

管理員

文章數量： 5,932

@feibisi

樓主

2019 年 10 月 14 日下午 2:28

divi 主題自帶有響應頭部欄。如果您不想在您的網站上顯示此欄，則可以使用以下 CSS 代碼將其完全隱藏：

/* Hide the header */
#main-header { display:none; }
#page-container { 
	padding-top:0px !important; 
	margin-top:-1px !important 
}

/* Adjust padding for transparent headers */
.et_transparent_nav #main-content .container {
    padding-top: 58px !important;
}

如果要在桌面顯示器上隱藏標題，但要使手機標題在手機/平板電腦上可見，則可以使用以下 CSS 代碼進行隱藏：

/* Hide the header on desktop only */
@media only screen and (min-width: 981px) {
	#main-header { display:none; }
	#page-container { 
		padding-top:0px !important; 
		margin-top:-1px !important 
	}

	/* Adjust padding for transparent headers */
	.et_transparent_nav #main-content .container {
		padding-top: 58px !important;
	}
}

另外 divi 其實還有很多的第三方插件可以用，不過費用都不便宜，我們會在明年上線一個 wpdivi 站點專門提供這些相關產品。