Like to remove the menu on only one single site

I like to remove the menu bar on one single site to create a landingpage. How can I do this and which CSS do I need?

This is how I use the theme now

www.nataschawaldraff.com

Hello there,

You can use this CSS code:

    .page-id-11 #mainnav,
    .page-id-11 #mainnav-mobi {
      display: none;
    } 

11 is the page ID of your home page.

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

Regards,
Kharis

Dear Kharis,

thank you for your help. This works fine, but I only want to delete the menu for one single page. Exactly for this page:

https://nataschawaldraff.com/landingpage/

And if it is posible I also want to delete my logo and the grey menu line. So that the visitor can only see what I write down on these special site.

Would be nice if you could help me again. Thank you very much.

Hello there,

Please try adding this code:

    .page-id-424 .site-header {
      display: none;  
    } 

Regards,
Kharis

Dear Kharis,

yes that works fine, but I still have white space above the first image. How can I fix this? Do you have an idea?

www.nataschawaldraff.com/landingpage

Thank you very much

Hello there,

Please try adding this CSS code:

    .page-id-424 .header-clone {
      display: none;
    } 

Regards,
Kharis

Thanks, but I think there is still missing something. Now we still have to display the header and everything is fine. Can you have a look, please?

Hello there,

Please try this CSS code:

    .page-id-424 .site-header,
    .page-id-424 .header-clone {
      display: none;  
    } 

    #pg-424-0 > .panel-row-style {
      padding-top: 0 !important;
    } 

Regards,
Kharis

thats it :-)))))) great, thank you very much thats wonderful

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.

Regards,
Kharis