media query to hide header on print (#2409)

* media query to hide header on print * add media query to hide footer on print
6 years ago · 566a36e2c4
2 changed files with 6 additions and 0 deletions
--- a/src/components/LayoutFooter/Footer.js
+++ b/src/components/LayoutFooter/Footer.js
@ -31,6 +31,9 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
      [media.size('sidebarFixed')]: {
        paddingTop: 40,
      },
+      '@media print': {
+        display: 'none',
+      },
    }}>
    <Container>
      <div
--- a/src/components/LayoutHeader/Header.js
+++ b/src/components/LayoutHeader/Header.js
@ -29,6 +29,9 @@ const Header = ({location}: {location: Location}) => (
      width: '100%',
      top: 0,
      left: 0,
+      '@media print': {
+        display: 'none',
+      },
    }}>
    <Container>
      <div