edit print styles

Hi there,

So you're wanting to hide the mobile menu button while printing the page?

Let me know :)

No, I want to print the page. It's a food menu. When printing the 3 dash mobile menu icon and the Menu header shows up. I want the users to print the page without those things on top. Thanks

Try this:

@media print {
    .menu-toggle,
    #mobile-header {
        display: none;
    }
}

Hi,

I tried that but because I don't use the header that didn't work.
I also tried not displaying #primary-menu and .main-nav but that didn't work either.
My page is here.
http://locusonmain.com/web/daily-lunch-specials/

Thanks

Can you try this instead?:

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