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

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

正在查看 1 个帖子:1-1 (共 1 个帖子)
  • 作者
    帖子
  • 诗语
    管理员
    • 文章数量: 5,908
    @feibisi
    楼主

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

正在查看 1 个帖子:1-1 (共 1 个帖子)
  • 哎呀,回复话题必需登录。

话题信息