- This topic has 1 reply, 2 voices, and was last updated 6 years, 2 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
Why Your Hosting Solution Shapes First Impressions Before a customer contacts your team or visits your store to purchase any product or service, they first […]
Are you looking for the best WooCommerce based plugins for your WooCommerce Website? Here’s a list of the best WooCommerce based plugins. These are suitable […]
When talking about WordPress, you may get curious about the plugins used by WordPress, shortcodes, page builder, etc., in the same way, SEO optimized WordPress […]