- This topic has 1 reply, 2 voices, and was last updated 4 years, 5 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › Transparent and sticky header
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
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
When it comes to creating a unique presence for your business through your website, then you must make sure that your website is capable of […]
Irrespective of your business niche, it is a fact that all businesses need to have an online presence in order to compete more effectively. In […]
The digital explosion during the recent years means there is a huge market waiting for your presence online. Especially if you are the one who […]