[Support request] Hide Menu only Print

[ilweb]

Hi,
it is possible to hide the main menu
when I print the page,
using “Browser Print”

thanks

[David]

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.

[ilweb]

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

[Tom]

Hi there,

Try adding this CSS:

@media print {
    #site-navigation {
        display: none;
    }
}

Let us know 🙂

[ilweb]

Hi,
unfortunately it doesn’t work
you can see the page
PREVENTIVO

[David]

How is the Print Button added to the site ?

[ilweb]

editor di testo con:

"<a href="javascript:window.print();">Stampa Preventivo</a>"
oppure
"<a href="javascript:self.print();">Stampa Preventivo</a>"

[David]

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

[Author]

Posts