Transparent and sticky header

[emmanuel1ParticipantTopics: 1Replies: 0Total: 1 Member since: April 8, 2019]

Hi,

I want my site header to be transparent, I’ve used this custom css but nothing changes
div.header.type1 {background-color: #FFFFFF80;}. Also I want the header to be sticky on scroll. My website is humayuhum.com/360

[Forum ModeratorParticipantTopics: 0Replies: 21144Total: 21144 Member since: August 16, 2013]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page .header, .single .header, .archive .header, .search .header {background-color:rgb(255, 255, 255) !important;}
#topmenu ul li a { padding:47px 20px;}
.logo img { height:100px; width:100%; margin:5px 0 0 0;}
.header_wrap.layer_wrapper { float: left; width: 100%; position: fixed; z-index: 10;}
#slidera { margin:150px auto 0;}

@media screen and (max-width:1000px) {
.header_wrap.layer_wrapper { position:relative !important;}
#slidera { margin:0 auto 0 !important;}
}

Regards,
Dave

[Author]

Posts