Replace the header on one page to only have a custom logo

Site URL: http://www.beautyignited.com/headshots

Hey everyone,

My business is branching out a little bit from exclusively boudoir photography to also include professional headshots. I'm trying to make a landing page (the headshots only need one page), but I don't want it to link back to the boudoir content at all. Our logo for headshots is slightly different as well.

I have managed to get the custom logo into the header via custom CSS, but I'm not sure how to remove the rest of the elements.

Any help would be appreciated.
Thanks!

17 hours ago, BeautyIgnited said:

Site URL: http://www.beautyignited.com/headshots

Hey everyone,

My business is branching out a little bit from exclusively boudoir photography to also include professional headshots. I'm trying to make a landing page (the headshots only need one page), but I don't want it to link back to the boudoir content at all. Our logo for headshots is slightly different as well.

I have managed to get the custom logo into the header via custom CSS, but I'm not sure how to remove the rest of the elements.

Any help would be appreciated.
Thanks!

Hi. You want to remove navigation, icons, buttons on Headshot page?

7 hours ago, tuanphan said:

Hi. You want to remove navigation, icons, buttons on Headshot page?

Yes, that's correct.

On 8/5/2021 at 10:09 PM, BeautyIgnited said:

Yes, that's correct.

Hi. Add to Design > Custom CSS

/* Headshots page */
body#collection-6109c1b5e558af36b2308387 header#header {
    display: none !important;
}

On 8/7/2021 at 11:31 PM, tuanphan said:

Hi. Add to Design > Custom CSS

/* Headshots page */
body#collection-6109c1b5e558af36b2308387 header#header {
    display: none !important;
}

 

So this turned the header into just two sets of ellipses. What I'm wanting is our custom logo on the header and nothing else.

Thanks for your help so far!

On 8/11/2021 at 12:29 AM, BeautyIgnited said:

So this turned the header into just two sets of ellipses. What I'm wanting is our custom logo on the header and nothing else.

Thanks for your help so far!

Try new code

/* Headshots page */
body#collection-6109c1b5e558af36b2308387 {
.header-nav {
    visibility: hidden;
}
.header-actions {
    visibility: hidden;
}
.burger-box {
    visibility: hidden;
}
}