• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Reposition Header to Sidebar Left

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Reposition Header to Sidebar Left

This topic is: not resolved

Tagged: header, header reposition

  • This topic has 7 replies, 2 voices, and was last updated 12 years, 8 months ago by genevishgraphics.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 13, 2013 at 1:35 pm #40709
    genevishgraphics
    Member

    Hi All -I am trying to do a new theme based off of Sample - I want to reposition the header to the left sidebar area - Like Brian Garner's new website, instead of using the sidebar widget. The menu will be there as well, just like he has.
    Any tutorials out there?
    Thanks in advance!

    May 13, 2013 at 3:27 pm #40721
    Brad Dalton
    Participant

    Haven't seen one but i would email Brian using the contact form on his site and ask for the code.


    Tutorials for StudioPress Themes.

    May 13, 2013 at 6:18 pm #40754
    genevishgraphics
    Member

    I did - no dice...yet. Maybe someone will help me out before the next version of genesis!! 😉
    But I will keep working at it to see what I can do on my own! Love Genesis!

    May 14, 2013 at 10:45 am #40868
    genevishgraphics
    Member

    So wow - I have made som progress. I have figured out how to move the nav to the sidebar using
    `/** Move primary nav menu */
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_sidebar', 'genesis_do_nav' );`
    and it works great!
    However, after applying the same steps to the header using this
    `/** Move header */
    remove_action( 'genesis_header', 'genesis_do_header' );
    add_action( 'genesis_before_sidebar_widget_area', 'genesis_do_header' );
    `
    The only thing that gets moved to the sidebar is the title-area div, and the header div is still above the inner div.
    It is probably something simple, I know it is something I am missing here. Any helpers out there? Thanks!
    Site here

    May 14, 2013 at 11:55 am #40889
    Brad Dalton
    Participant

    Just echo your header image in using the hook

     'genesis_before_sidebar_widget_area'

    Tutorials for StudioPress Themes.

    May 14, 2013 at 12:15 pm #40892
    genevishgraphics
    Member

    I got it - tinkering for awhile - but I think I have it!

    May 14, 2013 at 12:27 pm #40893
    genevishgraphics
    Member

    Any ideas of how I can get the primary sidebar widget to display in the correct place now?
    I have the header right where I want it and the nav below that. However now my social icons that are in the primary sidebar are getting pushed to the right of the sidebar

    This is the code I am using to get things to finally work- courtesy of http://www.carriedils.com/
    I just changed the actions to where I wanted the header to go

    `/** Move header */
    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_sidebar_widget_area', 'genesis_header_markup_open', 5 );
    add_action( 'genesis_before_sidebar_widget_area', 'genesis_do_header' );
    add_action( 'genesis_before_sidebar_widget_area', 'genesis_header_markup_close', 15 );

    /** Move primary nav menu */
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_after_sidebar_widget_area', 'genesis_do_nav' );
    `

    May 14, 2013 at 12:47 pm #40897
    genevishgraphics
    Member

    NM - Stupid old css code I had left in there!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble