Changing colour of the header

This topic is: not resolved

Tagged: , ,

This topic contains 3 replies, has 2 voices, and was last updated by Phoenix phoenix 11 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24526
    Nitin942
    nitin942
    Member
    Post count: 6

    Hi,

    I want the header to be transparent when its stationary and to have white colour when scrolled down.

    Kindly tell how it can be done.

    Website: http://www.shapecrunch.com

    #24546
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    Pls use the below custom CSS in themeoptions > custom CSS tab –

    #header-spacer {
        height: auto !important;
    }
    #header {
        background: transparent !important;
    }
    #header.sticky {
        background: #fff !important;
    }
    
    #24589
    Nitin942
    nitin942
    Member
    Post count: 6

    Hi,

    I made the above changes and it’s working fine apart from a little bug.

    On scrolling down, the colour of the header remains transparent and becomes white after sometime.

    Ideally, on scrolling down, the colour should change to white instantaneously.

    Looking forward for your response.

    #24664
    Phoenix
    phoenix
    Moderator
    Post count: 6902

    Sorry for the delay in reply.

    Can you pls modify the custom CSS to

    #header-spacer {
        display: none !important;
    }
    #header {
        background: transparent !important;
    }
    #header.sticky {
        background: #fff !important;
    }
    

    And see if that makes any difference.

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

You must be logged in to reply to this topic.