@Media print css

Question

I have my HTML page with this structure:

  ....  navigation menu

   

         


        
      

Answer 1

You can you @media print and @media screen to define what will be printed and what will be shown on screen.

 @media print {
       .to-print {
           --css to show content--
       }
 }

 @media screen {
       .to-print {
           --css to not show content--
       }
 }

or

Create a new css and include like this: