Hiding Header on Single Page


Love the Theme!

I’m having a small issue with one page that I can’t seem to figure out. I want to remove the header (or actually make it transparent) on a single page so the logo and menu sit over the top of the first image on the page the same as the homepage slider does.

Page is here: https://www.lynchypx.com.au/website-design/

Any help appreciated. Thanks

Hello there,

Please try this code:

@media only screen and (min-width: 1025px) {
  .page-id-1099 .header-clone {
    display: none;    
  .page-id-1099 .site-header:not(.float-header) {
    background-color: transparent;

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

1099 is ID number for your web design page. You can get it with the help of web browser’s inspector tool. .page-id-1099 class name is attributed to the body tag. Or, for easier, your can use this plugin: https://wordpress.org/plugins/reveal-ids-for-wp-admin-25/


Thanks Kharis. Works perfectly!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.