Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #894247
Header Bar Transparent
Closed

Comments

  •  1
    Mannix started the conversation
    September 17, 2016 at 6:28am

    Hello,

    Is there an option in this theme to achieve the slider being under the header bar and the header bar being opaque? Thank you!

  •  1,561
    Laborator replied
    September 19, 2016 at 10:58am

    Hi Mannix,

    I did this by adding the following CSS in your Custom CSS area:

    header.site-header {
    position: absolute;
    background: rgba(255,255,255,0.4);
    width: 100%;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  1
    Mannix replied
    September 26, 2016 at 5:28pm

    Hello,

    Thank you very much for this. One comment though, since the header bar is on absolute position, even the header on the product pages that it overlaps with the product page contents like the screenshot attached. Is there a way to fix this?

  • [deleted] replied
    September 26, 2016 at 7:32pm

    Hi Mannix,

    Please add the code below to Custom CSS

    @media screen and (min-width: 768px) {
    .admin-bar header.site-header.sticky.sticked {
        background: #fff;
    }
}