Transparent Header - Forum | JoomShaper
Awaiting an answer Helix Framework

Transparent Header

Asked by Matt Hunt 2 years ago Last activity 2 years ago

Hi,
Using Helix Ultimate. Need to make the template match the old site. Client is adamant that the new template matches the old. (The old is not compatible with joomla 4, hence the need to change)

This is the existing site: https://www.aquacorals.com/

And this is the closest I've been able to get using suggestions in other posts. Just can't seem to get the header above the body. https://aquacorals.com/index.php?template=shaper_helixultimate

I'm sure it is something simple, just can't put my finger on it.

What am I doing wrong or missing?

2 replies

Oldest first Newest first Most helpful
Pavel
2 years ago · edited

I'm sure it is something simple

Hi. Not that very simple, but not too difficult.

.layout-boxed .body-innerwrapper {
    background: transparent;
    box-shadow: none;
}
.container {
    max-width: 1000px;
    padding-inline: 5px;
}
#sp-header {
    box-shadow: none;
}
#sp-main-body {
    padding: 155px 0px 0px 0px; /*padding-top = header height*/
    margin: 0; /*margin not need*/
}
#sp-main-body .container, #sp-footer .container {
    background-color: rgba(255,255,255,0.7);
}
#sp-main-body .container {
    padding-top: 15px;
    border-radius: 5px 5px 0 0;
}
#sp-footer .container {
    border-radius: 0 0 5px 5px;
}

Tip:

Log in to reply.