Transparent Header

  • missmandiel

    (@missmandiel)


    8 years, 11 months ago

    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)
  • Gunjan Rai kanungo

    (@gunjan-rai)

    8 years, 11 months ago

    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)

    8 years, 11 months ago

    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.