Divi 主题隐藏全站页头，或者仅隐藏 PC 电脑端的页头方法。

2019 年 10 月 14 日

1,050 热度

注册账号

立即登录

该话题包含 0 个回复，1 人参与，最后由诗语更新于 5 年、 6 月前。

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

作者

帖子

#33520

诗语

管理员

文章数量： 5,933

@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 站点专门提供这些相关产品。