Hide the header from the first page only in Custom Print Format

Hello, I have a custom print format, the header and footer are showing on all pages. However, the first page I have is a cover page and I don’t want them to be shown on it.
So, is there a way to hide the header from the first page programmatically?

any idea?

Posting some screenshots and what you have done exactly would help a long way in getting the assistance you need.

I’m using a custom print format and I added the header and the footer manually using the following code for them, but they are showing on all pages using PDF and I want to remove them from the first page only since it’s the cover page.

<div id="header-html" class="visible-pdf">
   <img src=".....header.........">

   <div id="footer-html" class="visible-pdf">
      <div class="letter-head-footer">
       <p class="................footer...............</p>
      <p class="text-center small page-number visible-pdf">
         {{ _("Page {0} of {1}").format('<span class="page"></span>', '<span class="topage"></span>') }}

@Mohsin1990 do you want it to be blank space ? or no space for it at all ?