Transparent Header

  • Hi,
    I am wondering if there is a way to make the background of the header transparent in Invert Lite? I am able to change the color of it but can not figure out how to make it transparent. Can someone help with this? Thanks!

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

  • hello missmandiel,
    Use the following to change the background of both (General and Sticky) header

    .skehead-headernav{
  background: #ffffff;
}

    And use the following to change the background of Sticky header only

    #header.skehead-headernav-shrink {
  background: rgba(255,255,255,0.5);
}

    I think you would like to use rgba-colors otherwise use below property for dull transparency

    background: transparent;

    Thread Starter missmandiel

    (@missmandiel)

    This worked for the shrunken header but not the main one. The main header before you start to scroll is still black. Do you know what might be causing it not to change?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Transparent Header’ is closed to new replies.