Alternate header for theme on specific pages

Hi,

I'm using a Woothemes theme called Memorable. As you can see, it has a very tall page header. I'm wondering how to create a 2nd header that is shorter and only applies to specific pages in the site. Can you help me get this done quickly?

This is the Memorable theme:
http://demo2.woothemes.com/memorable/

This is the site I'm working on:
http://www.gbotechnology.com/gbousa/about/

Thanks,
Melissa

  • Vaughan

    hiya

    you'll need to edit your themes header.php

    find the html that creates the header

    then surround it with is_page()

    so.

    <?php if (is_page('Page')) { ?>
      your header code
    <?php } ?>

    or you could use the above to change the css class such as header

    <?php if (is_page('Page')) { ?>
      $pageclass = '-page';
    <?php } ?>
    
    <div id="header<?php echo $pageclass; ?>">

    Where Page = the name of your page.

    then create a new CSS class similar to #header in your themes CSS

    in this example you'd copy the #header CSS to a new rule called #header-page

    hope this helps.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.