Make default Divi header transparent on home page only

TIPS

Nov 23, 2020 | Divi Tips | 0 comments

Add the following CSS code to the Divi theme options area or your child theme style.css file.
[css]
/* make top nav bgd transparent on home page only */
.home #main-header, .home #top-header {
    background-color: rgba(255, 255, 255, 0) !important;
    box-shadow: none !important;
}
/* make Fixed top nav bgd transparent on home page only */
.home #main-header.et-fixed-header { background-color: rgba(255, 255, 255, 0) !important; }
[/css]

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

More Tips

Ad - Web Hosting from SiteGround - Crafted for easy site management. Click to learn more.

Cloudways Hosting

WPEngine Hosting

Pressable Hosting

AccuWeb Hosting

Ask the Divi Guy a Question

"*" indicates required fields