Browse Source

media query to hide header on print (#2409)

* media query to hide header on print

* add media query to hide footer on print
main
Phil Marshall 6 years ago
committed by Brian Vaughn
parent
commit
566a36e2c4
  1. 3
      src/components/LayoutFooter/Footer.js
  2. 3
      src/components/LayoutHeader/Header.js

3
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

3
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

Loading…
Cancel
Save