Why navigation menu still appears above the header (how to move below)

In the earlier tutorial, I have covered steps on how to move your navigation menu to have it located beneath the header image by using the Thesis Skin Editor> Canvas.

It works but how come the navigation menu for your header still stubbornly remained on the top of the site header image?

To illustrate, let me show you one of my blogs where the top navigation menu stubbornly stuck at the top (I have changed the layout of the blog now):

While top menu for the other pages have moved downwards:

Previously I had encountered this problem but did not know how to solve it. Only very recently I am able to figure out.

Why the navigation menu for homepage remains above the header even though you set at the homepage template to locate below the header?

This happens to users who set for their homepage to display a static page instead of latest posts.

Users who uses a static page (in WordPress settings where they have changed their site/blog homepage to display a static page) would have the navigation menu remaining on the top of the header:

As the default template in Thesis theme is to have the menu appearing on top, if you wish to move the menu to appear beneath the header image, the solution is very simple.

You need not write any custom css or make any changes to your custom php.

All you have to do is go to Thesis> Skin Editor and create a new page template:

Thesis template add new template

Let’s call the new template FrontPage:

Have the FrontPage template to follow the “Home” template by directly copying from the “Home” layout.

Check again to double confirm that the Nav menu of your new Front Page template is located below the header like how you preferred it to be.

Next, you would need to have your static page which is used as homepage to display using the Frontpage template.

To do that, go to the Edit Page (which you are using as your homepage) and scroll down to the section on your right until you see the Thesis Skin Custom Template:

Change the Custom template from “No Custom Template” to “FrontPage” and click on “Update” to save the template.

Then viola, you just managed to move your navigation menu of your homepage to locate below your header image like the rest of your pages.

Hope this helps you 🙂

Spread the love

Leave a Comment

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

Scroll to Top