gandlgandl on "Hide Header and Menu on Single Page"

I'd like to hide the floating header and navigation menu on a single page (trying to create a landing page).

I've tried adding every CSS variation I could find on this forum (using Custom CSS) but that stubbo navigation menu is still there!

Any help on this would be much appreciated!

Here's the page:

http://www.clarkandmiller.com/lea-five-times-faster/

Hi, @gandlgandl. Does this CSS give you the result that you want:

.page-id-495 #mainnav {display: none;}

Unfortunately not.

Thanks anyway, @girlieworks.

@gandlgandl, where specifically did you add that CSS? (I can't seem to find any sign of it on your site right now in the places where I'd normally expect to see it.)

Add this to a new template and call that template for the specific page - <header id="masthead" class="site-header fixed" role="banner" style=" display: none;">

Or, you can use a plugin like http://www.wordpresscustomheaders.com and add the display: none; for the specific page in the css of that page using the plugin. Only that page would be effected.

Hope that helps :)

@girlieworks, I tried adding that CSS both directly on the page, and for the whole site (using Custom CSS).

I deleted it afterwards, which is why you couldn't see it :)

Try

.page-id-495 #masthead { display: none;
}

For the whole header. Or do you only want to show the floating version?

Erjdavis, thanks for your reply.

I'll give your first suggestion a try, but it might be a bit too advanced for me :)

Thanks for the plugin suggestion. I'm reluctant to use a paid plugin for a single small site tweak but it seems there's no free plugin which has that functionality.

Jacob -- It worked!

Thanks so much! I'd spent several hours trying to work this out!