Archived topic
Hide Menu only Print
7 replies · Started by ilweb on November 25, 2020
Hi,
it is possible to hide the main menu
when I print the page,
using "Browser Print"
thanks
Hi there,
That should happen by default, depending on the browser / print drivers.
Can you share a link to your site so i can take a look.
hi,
thanks for the intervention
the page that interests me particularly is
PREVENTIVO
by clicking on PRINT QUOTE
you see the menu at the top of the pages
Hi there,
Try adding this CSS:
@media print {
#site-navigation {
display: none;
}
}
Let us know :)
Hi,
unfortunately it doesn't work
you can see the page
PREVENTIVO
How is the Print Button added to the site ?
editor di testo con:
"<a href="javascript:window.print();">Stampa Preventivo</a>"
oppure
"<a href="javascript:self.print();">Stampa Preventivo</a>"
Do you want just the Form to be printed?
If so add this CSS:
@media print {
body * {
visibility: hidden;
}
#section-to-print,
#print-area * {
visibility: visible;
}
#print-area {
position: absolute;
left: 0;
top: 0;
}
}
Then select the Elementor section containing the form and give it an ID of print-area