How to Change the Header Image Above nav Menu in Thesis Theme?

In this tutorial you can learn how to change the navigation menu below the header image. As we know, Thesis theme is a high-quality template system that you can customize your own site as your wish. It will make your site rich look when compare to other templates. Thesis allows you to change the each and every page as your own customization. Have you installed thesis theme now in your site? Take your decision now, how you want the header will display above or below the navigation menu. Now decided read this rest of the entry and post your comment in comment section.

How to change the nav menu below the header image in thesis theme?

See this video tutorial:

If you can’t watch this video follow this step below:

By default, you will see the navigation menu will appear above the header image. If you don’t have search box in navigation panel use method 1.

Method 1:

Go to your custom file editor below the thesis option.

Then select custom_funciton.php and edit the file.

Copy this below code and paste into custom_functin.php

remove_action('thesis_hook_before_header', 'thesis_nav_menu');
add_action('thesis_hook_after_header', 'thesis_nav_menu');

Now you will see the changes will be happened.

Method 2:

See here in my site due to addition of  search box in navigation panel I change the function name as function custom_nav() in custom_function.php.

Do you have the search box in navigation panel use this method.

Go to your custom file editor which is below the thesis option.

Then select custom_function.php and edit that file. Copy and paste this below code into custom_function.php

remove_action('thesis_hook_before_header', 'custom_nav');
add_action('thesis_hook_after_header', 'custom_nav_');

After you added this code you will see the below image like in your site.

If you want the border above the navigation menu copy and paste this below code in custom.css.

.custom #nav {
background: #eee;
border-bottom: 0.55em solid #3e3e3a;
border-top:0.55em solid #3e3e3a

}

Now your nav menu will look after  the header image with some border.

Do you have any trouble while using this code post your question below or use the contact us page.

Related Tutorials:

1. How to add additional navigation menu in thesis theme?
2. How to Add Banner Ads in Header of Thesis Theme
3. How to add Background Image in Thesis Theme Navigation Menu
4. How to Add Google Translator in Header of Thesis Theme
5. How to Add Search Box in Thesis Theme Navigation Bar

Tagged as: header, image, logo, navigation menu