TwentyTwelve-child suppress header & menu

  • Would like to suppress the header & menu from printing & displaying at top of the page using CSS twentytwelve-child theme. Page link: https://www.everlastinghappiness.com/meditation/#.Ut8y7WQo4y4

    /* =Theme customization starts here
<style type="text/css">
body{ background-color:#FFFFFF; background-image:none; color:#000000 }
#.header{ display:none;}
.menu{ display:none;}
#contentarea{ width:100%;}
}
</style>
-------------------------------------------------------------- */

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter jfenton

    (@jfenton)

    OOOPS want to suppress header & menu for printing only. Sorry.

    Anything between /* <–These Two Marks –> */ is commented out.
    You also need to activate your child-theme and add this to the style.css once it is activated.

    /* =Theme customization starts here———————————— */

    @media print  {
   body{ background-color:#FFFFFF; background-image:none; color:#000000 }
   #masthead{ display:none;}
  .site-content{ width:100%;}
}
    Thread Starter jfenton

    (@jfenton)

    This got rid of the menu but the text did not move up on the printed page to replace it.
    The site title and tagline are still being shown as well in print preview:https://www.everlastinghappiness.com/meditation/#.UuBrRGQo4y4

    /*
 Theme Name:   Twenty Twelve Child
 Theme URI:    https://example.com/twenty-fourteen-child/
 Description:  Twenty twelve Child Theme
 Author:
 Author URI:   https://example.com
 Template:     twentytwelve
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

/* =Theme customization starts here */

@media print  {
   body{ background-color:#FFFFFF; background-image:none; color:#000000 }
   #masthead{ display:none;}
  .site-content{ width:100%;}
}

    Let’s get real specific and get rid of un-needed elements.

    @media print  {
   body{ background-color:#FFFFFF; background-image:none; color:#000000 }
   #masthead{ display:none;}
   .site-content{ width:100%;}
   hgroup{ display:none;}
   nav{ display:none;}
   .entry-content p{margin:10px 0 0 0; padding:0; line-height: 1.5;}
   .addthis_toolbox.addthis_default_style {display: none;}
   .site-content article {border-bottom: 0;}
}
    Thread Starter jfenton

    (@jfenton)

    I have decided to put a printer-friendly link on so I can be sue it’s one page. Thanks for your help!
    Jim

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘TwentyTwelve-child suppress header & menu’ is closed to new replies.