- This topic has 1 reply, 2 voices, and was last updated 5 years, 10 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
Free WordPress Magazine Themes and Templates With the advancement of technology, one can have any information at their fingertip. Understanding the importance of the internet […]
Freemium WordPress Themes With this list of freemium WordPress themes, you can save your time in theme selection and get started with your website instantly. […]
Best Free Landing Page WordPress Themes to Build Landing Page If you are in the process of just setting up your first website, then you […]