Removing the website menu in print(make theme print avaliable)

Hello

When i preview a post for print, and when printing, it looks like this:

I would like the print to look like this:

My thought is, that there is a noprint alike css code to remove the menu in print.
Is that possible?

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media print {
      .mainnav,
    	.header-contact {
        display: none !important;
      }
    }

Regards,
Kharis

Excellent, thanks!

if you wouldent mind, what should i add to the css to remove these other problems??


on site:

Please try adding this CSS code:

@media print {
  .single-post .meta-post,
  .single-post .single-meta {
    display: none;
  }
}

Regards,
Kharis