Header Half Way Transparent - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Header Half Way Transparent

SimTech GmbH

SimTech GmbH

Helix Framework 3 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

0
4 Answers
Ugur Uygur
Ugur Uygur
Accepted Answer
3 years ago #63846

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;
    }
}
0
Ugur Uygur
Ugur Uygur
Accepted Answer
3 years ago #63836

Hi,

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

0
SimTech GmbH
SimTech GmbH
Accepted Answer
3 years ago #63844

Hi Ugur,

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #63858

Hi SimTech,

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

Thanks.

0