Transparent and sticky header

Home › Forums › All Other Themes › Transparent and sticky header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 15, 2019 at 4:18 pm #121629
    emmanuel1emmanuel1
    Participant
    • Topics: 1
    • Replies: 0
    • Total: 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

    April 17, 2019 at 5:43 am #121718
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27070
    • Total: 27070
    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.