Hey! Having some real trouble with the "@media print" custom CSS. I'm on a business plan, using a Brine family template and inserting code into Design > Custom CSS. I can get "@media screen" to work just fine, but the template seems to ignore the "@media print" CSS.
The goal is to hide the site title when a user goes to print the page using the system print dialog. When I use the code:
@media screen {
#collection-5fb5c69340966814ba9b1bda {
.Header-inner {
display: none !important;
}
}
}
It hides the site title on the screen, that's fine and works, but when I change it to read:
@media print {
#collection-5fb5c69340966814ba9b1bda {
.Header-inner {
display: none !important;
}
}
}
The site title is still visible when the print dialog opens 😞. It's like "@media print" is ignored! Any suggestions?
The specific page is myleisure.io/print-help