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 Comments

  1. Premium Flash Templates
    Mar 4, 2010

    Nice tutorial. I wanted to customize my menu bar.

    • Shivendu Madhava
      Mar 5, 2010

      Thanks for comment

  2. Karan
    Jun 29, 2010

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

    • Shivendu Madhava
      Jun 30, 2010

      Will have a post here soon.

  3. fashion bedding
    Sep 6, 2010

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

    • Shivendu Madhava
      Sep 6, 2010

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

    • Justin
      Mar 6, 2011

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

  4. 1001 Webs
    Oct 9, 2010

    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

    • Shivendu Madhava
      Oct 10, 2010

      Nope It will not move without putting the code :)

  5. 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.

    • Shivendu Madhava
      Nov 9, 2010

      Use the same code which is in the article :)

      • Patrick
        Nov 10, 2010

        Same thing. Doesn’t work in 1.8.

        • Shivendu Madhava
          Nov 10, 2010

          Works well in 1.8 :)

          • Patrick
            Nov 11, 2010

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

          • 1001Webs
            Nov 11, 2010

            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.

          • Shivendu Madhava
            Nov 11, 2010

            Yea may be some issues with PHP configuration

          • Shivendu Madhava
            Nov 11, 2010

            Oh may be it is causing probs due to PHP configuration

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

    • 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.

      • Shivendu Madhava
        Nov 22, 2010

        This does not needs any CSS it only needs php :)

    • Shivendu Madhava
      Nov 22, 2010

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

  7. 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.

  8. 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. 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>