Jump to content

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

Recommended Posts

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!

Link to comment
  • Replies 5
  • Views 293
  • Created
  • Last Reply

Top Posters In This Topic

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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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!

Edited by BeautyIgnited
Link to comment
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.