Site logo

Archived topic

Hide Menu only Print

7 replies · Started by ilweb on November 25, 2020

Viewing posts 1–8 of 8

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

This archived topic is closed to new replies.