How to Move Navigation Menu Below The Header in Thesis

I got few mails asking how to move navigation menu below the header in Thesis, so I decided to write this on my blog so this will be helpful for those people who are new to Thesis.For those who even don’t know what is Thesis they should read my review of Thesis WordPress theme.

Moving navigation menu below the header is a very easy task even for those who are new to Thesis, mainly thesis customization is controlled by custom.css and custom_functions.php files.Customization in Thesis theme is done by hooks there are different hooks for different purposes, so remembering every hook is not an easy task so read how to Customize Thesis with OpenHook WordPress Plugin.See the image below shows navigation menu above header.

Below are the steps to move navigation menu below the header in Thesis theme:

  • Login to your FTP Account using FTP client
  • Navigate to Thesis Theme Folder in wp-content/themes/ folder
  • Rename Custom Sample folder to Custom
  • Now Login to admin panel of your blog
  • Select Custom File Editor option in Thesis options menu in admin panel of your blog
  • Choose  custom_functions.php and click Ediit selected file button
  • Paste the code below in the file editor
remove_action('thesis_hook_before_header', 'thesis_nav_menu');
add_action('thesis_hook_after_header', 'thesis_nav_menu');
  • Then Click The Big Ass Save button and you are done.

The image below shows navigation menu below the header.

Following the steps above will move the navigation  menu below the header in Thesis wordpress theme as shown in the above image.

23 thoughts on “How to Move Navigation Menu Below The Header in Thesis

  1. 1001 Webs

    Hi,
    Does anyone know how to move the Navigation Menu below the Header image in Thesis 1.8?
    Without hardcoding the theme, that is
    It used to be pretty easy in 1.7, just pasting the following in custom_functions.php:
    remove_action(‘thesis_hook_before_header’, ‘thesis_nav_menu’);
    add_action(‘thesis_hook_after_header’, ‘thesis_nav_menu’);

    but it doesn’t seem to work in 1.8 any longer.
    Any help is appreciated.

    Thank you

    Reply
  2. Mitzy

    Hi –

    Thank you for the tutorial. Could you please explain how to move the navigation menu to beneath the header in Thesis 1.8?

    Thank you.

    Reply
          1. 1001Webs

            Patrick,
            I know exactly how you feel.
            Apparently it works for some people and not for others, which leads me to think that it must have something to do with the configuration of your PHP server.

            Try installing the Thesis OpenHook plugin. It worked beautifully for me.

            Cheers.

  3. Jacob Champlin

    I was having the same problem using Thesis 1.8. I copied the following code and it didn’t work:
    remove_action(‘thesis_hook_before_header’, ‘thesis_nav_menu’);
    add_action(‘thesis_hook_after_header’, ‘thesis_nav_menu’);

    I went ahead and deleted the apostrophes/commas within the code and replaced them with new ones. I think it has trouble with the font of the original code.

    Code I used:
    remove_action(‘thesis_hook_before_header’, ‘thesis_nav_menu’);
    add_action(‘thesis_hook_after_header’, ‘thesis_nav_menu’);

    Reply
    1. Jacob Champlin

      Looks like the CSS of the page is messing with the code. Copy the code and replace commas/apostrophes with your own.

      Reply
  4. Stephanie Garcia

    Thanks for this great shortcut! I was finally able to update my nav menu. Since Thesis have verion 1.8 now, admins can go directly to the Custom File Editor in the dashboard then select the custom_functions.php from the drop down menu to make edits.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>