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

Thesis Tutorials

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:

READ  Why I still use Thesis Wordpress Theme across all my sites (2018)

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 🙂

You may be interested in:

Google August 2018 Core Update- traffic drop on my Health Blog In the beginning of August 2018 when I checked my traffic report, I noticed my Health Blog traffic has dropped significantly. Most of the traffic of my Health Blog came from US and I tried to check if it was a long holiday or something like that. It wasn't. Then I found a post by Barry Schwartz o...
Ugly sites: Does design matter? Does your blog design affects the number of page views and time spent on the site? Well, it would depends on the objective of the blog and the purpose your blog serves to your visitors. If the main objective of you blog is to showcase your portfolio, or as an extension of your persona or to se...
New blog takes time to rank- don’t give up too soon! Nowadays, it takes time to get your blog indexed and ranked in Google. When you start a new blog or a new subdomain, you would have done all the recommended actions such as submitting to Webmaster Tools, sharing in social media and telling your friends, family, colleagues or basically anyone who lis...
When you choose to write for others instead for your own blog There are freelance writers who make quite a comfortable living writing for publications, online sites and ghost writing. I have heard about a freelance writer in Malaysia who live on a happy-go-lucky lifestyle where she writes and then use the money she earned to travel.  When it is my personal ...
Spread the love

Leave a Comment