Skip links

Join 2,509 other smart freelancers!

Sign up to learn how to keep your skills up to date on the tech that matters most and confidently sell your skills to a growing customer base.
I will never spam you. You can unsubscribe at any time.

Reader Interactions


  1. Carrie,

    I tried this, but it didn’t move my header, just moved the title area ouside. The header div is still in the wrap. What am I doing wrong?

    • Fresh scoop from the StudioPress forum, if you happen to be using Prose or one with similar setup:

      All PHP should go in Prose’s custom code box:

      /** Reposition header outside main wrap */
      remove_action( ‘genesis_header’, ‘genesis_header_markup_open’, 5 );
      remove_action( ‘genesis_header’, ‘genesis_do_header’ );
      remove_action( ‘genesis_header’, ‘genesis_header_markup_close’, 15) ;
      add_action( ‘genesis_before’, ‘genesis_header_markup_open’, 5 );
      add_action( ‘genesis_before’, ‘genesis_do_header’ );
      add_action( ‘genesis_before’, ‘genesis_header_markup_close’, 15 );

      See full post at

  2. Carrie, I’ve been looking everywhere in my child themes for something that looks like this:

    “The default structure in most StudioPress child themes will look like this:
    div id=”wrap” … etc

    but can’t seem to find this code – where should I be looking? I’ve checked style.css, functions.php, home.php …

    • Hi Lucy,
      If you were to look at the html output (soure code in a browser) for a page, it would have that structure.

      Which child theme are you using?

  3. Hi Carrie,

    I’ve tried this using the Sample theme and Simply Sweet – on both child themes the header remains within the wrap. Same with the footer too! Have you any suggestions?


  4. /** Move Header before Wrap **/
    remove_action(‘genesis_header’, ‘genesis_do_header’);
    remove_action(‘genesis_header’, ‘genesis_header_markup_open’, 5);
    remove_action(‘genesis_header’, ‘genesis_header_markup_close’, 15);
    function custom_header() {

    <a href="” alt=””>

    <?php }
    add_action( 'genesis_before', 'custom_header' );

    I hope it will help someone else.

  5. hey Carrie, love your tutorials!
    Being a year old post, it appears this solution no longer works.

    I’m using the most recent version of both Genesis and Prose and attempting to create a full-width header to drop a dynamic slider plugin into.

    I’ve plugged these functions into the custom functions area of the custom code editor.
    To no avail…

    The closest response I got was getting the navbar to appear at the top of the page, above the header, apparently outside the wrap.

    The header remained within the wrap, as well as a repeating navbar under it.

    The site is clean, no content, fresh install, all default settings.
    The only thing that has been altered is attempting to implement the code from your tutorial.

    Any ideas how to pull this off using the new versions of Genesis and Prose?

    PS: CSS minify is off.

  6. Hey Carrie, not quite the same problem, but I figured it’s worth a shot asking. We essentially want to add an additional header-like image above the top navigation menu in the Focus child theme (here’s an idea, where the red box is: ). Any idea how you would go about doing this? We are trying to add a new div that we could then play around with add the image to, but haven’t found anything to accomplish that so far. Thank you!

    • Hi John,

      Yeah, if there’s a div available in that spot, you could use a background style to insert your image. Otherwise, you could add a widget area up there (something like this) and add your image that way.


  7. So I am trying to remove the header , footer widget area and footer from my “newsletter” post. Using the Agency-Pro theme. Removing the header works fine, but the footer and footer widgets refuse to disappear. Thanks.

    if (in_category(‘newsletter’)){
    add_filter( ‘genesis_pre_get_option_site_layout’, ‘__genesis_return_full_width_content’ );
    remove_action( ‘genesis_before’, ‘genesis_header_markup_open’, 5 );
    remove_action( ‘genesis_before’, ‘genesis_do_header’ );
    remove_action( ‘genesis_before’, ‘genesis_header_markup_close’, 15 );
    remove_action( ‘genesis_before_footer’, ‘genesis_footer_widget_areas’ );
    remove_action(‘genesis_footer’, ‘genesis_footer_markup_open’, 5);
    remove_action(‘genesis_footer’, ‘genesis_do_footer’);
    remove_action(‘genesis_footer’, ‘genesis_footer_markup_close’, 15);

    • Hi Heather,
      I don’t know enough about Joan’s site to know. 🙂 I’d recommend duplicating her site in a local dev environment where you can test out changes before committing them live.

      Just published a post on editing WordPress sites you may find helpful…

  8. Hi – I am not a developer – I can do websites as long as clients don’t want me to do complicated coding designs.

    Would you please give me an estimate of what it would cost if you do it please. It seems like such an easy thing to make a full width navigation menu – but things are not always as they seem – especially in studio press.

    It’s just Metro Pro with a few changes that one of the developers connected with StudioPress did – I am thinking I should just put it back to the original template.

    Thanks – and happy Sunday!


  9. I tried this, but the navigation didn’t move. I’m using the foodie pro theme. I want to make the entire header and navigation fixed so when you scroll down it stays at the top of the page, but getting the entire header and nav outside the wrap just isn’t working for me.

    • Most likely the Foodie Pro theme has these functions hooked in different locations than I’m showing in this post. A stroll around functions.php in would probably reveal the answer.

Leave a Reply