Transparent and sticky header

Home Forums All Other Themes Transparent and sticky header

This topic contains 1 reply, has 2 voices, and was last updated by  Forum Moderator 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #121629

    emmanuel1
    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

    #121718

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20280
    • Total: 20280
    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.