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.


  1. Premium Flash Templates
    Mar 4, 2010

    Nice tutorial. I wanted to customize my menu bar.

  2. Shivendu Madhava
    Mar 5, 2010

    Thanks for comment

  3. Karan
    Jun 29, 2010

    Hey can you share “How to create a custom navigation menu just for categories…like yours.”

  4. Shivendu Madhava
    Jun 30, 2010

    Will have a post here soon.

  5. fashion bedding
    Sep 6, 2010

    Very usefull tips…..i need to modify another website header with new thesis 1.8

  6. Shivendu Madhava
    Sep 6, 2010

    Thanks for comment, hope this will help you to modify header in thesis

  7. 1001 Webs
    Oct 9, 2010

    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

  8. Shivendu Madhava
    Oct 10, 2010

    Nope It will not move without putting the code 🙂

  9. Mitzy
    Nov 9, 2010

    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.

  10. Shivendu Madhava
    Nov 9, 2010

    Use the same code which is in the article 🙂

  11. Patrick
    Nov 10, 2010

    Same thing. Doesn’t work in 1.8.

  12. Shivendu Madhava
    Nov 10, 2010

    Works well in 1.8 🙂

  13. Patrick
    Nov 11, 2010

    If it works for you, that’s great, but we still have the issue.

  14. 1001Webs
    Nov 11, 2010

    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.


  15. Shivendu Madhava
    Nov 11, 2010

    Yea may be some issues with PHP configuration

  16. Shivendu Madhava
    Nov 11, 2010

    Oh may be it is causing probs due to PHP configuration

  17. Jacob Champlin
    Nov 22, 2010

    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’);

  18. Jacob Champlin
    Nov 22, 2010

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

  19. Shivendu Madhava
    Nov 22, 2010

    Yea may be it may not be working due to font issue by the way thanks for comment.

  20. Shivendu Madhava
    Nov 22, 2010

    This does not needs any CSS it only needs php 🙂

  21. Justin
    Mar 6, 2011

    I’m unable to move the nav menu in 1.8.. Weird.

  22. Stephanie Garcia
    Aug 5, 2011

    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.

  23. Suzanne Franco
    Sep 30, 2011

    Thanks! Worked like a charm for a coupl of my sites 😉 *huGs* Suzanne

Submit a Comment

Your email address will not be published.