Header half way Transparent - Forum | JoomShaper
Solved Helix Framework

Header half way Transparent

Asked by SimTech GmbH 4 years ago Last activity 4 years ago

Hello!

After I changed the colour Presets in Helix Ultimate the Header and Naviagtion Bar are halfway transparent. It didnt work to reset the changes through backups, also resetting colour presets did not help.

https://ibb.co/h8LpHh0 (Error Picture)

http://new.simtechnology.com/cms/

Best Regards
Lukas

Accepted answer

Marked as the solution
Ugur Uygur
4 years ago · edited

Can you try this way?

/* Header General
-------------------------------------------------------------- */

#sp-header {
    background: transparent;
    height: auto;
    width: 100%;
    position: absolute;
    z-index: 99;
    box-shadow: none;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#sp-header.header-sticky {
    background: #000; /* You can change the background color */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    -moz-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

@media (max-width: 575px) {
    #sp-header {
        height: 70px;
    }
    #sp-header .logo {
        height: 70px;
    }
    #offcanvas-toggler {
        height: 70px;
        line-height: 70px;
    }
}

3 more replies

Ugur Uygur

Hi,

Are you talking about the header being transparent? For example, the height (px) is wrong

SimTech GmbH Asked this

Hi Ugur,

I already changed the Pixel height before but nothing has happened (Cache on Browser has been cleaned out)

Mehtaz Afsana Borsha Staff

Hi SimTech,

Thanks for contacting us.You can follow Ugur intrsuctions. If you need any help please let me know.

Thanks.

Log in to reply.