How to setup Navigation Menu in Thesis Theme 2.0.

Last week we learned how to add logo or header image in Thesis Theme 2.0.1, today I am going to explain about nav menu setup in Thesis Theme 2.0.

Let’s see the nav menu setup.

3 different structures available to setup nav menu in Thesis Theme site, those are

  1. Nav menu in above header
  2. Nav menu in below header
  3. Nav menu on header

Nav menu above header:

In Thesis Theme 2.0 has drag and drop option via this option you can drag and drop you nav menu above header, like below image.

Let’s see how to change color and font settings of navigation menu.

Steps

  • First go to Thesis Skin Editor Section,
  • Then go to css section, in that right side you will see menu package (refer below image).

  • Here you have to change color section of your navigation.
  • If you want to add full background color for your navigation menu, add below code to package additional css section.
.menu {
    background: #DDDDDD; 
}
  • In above code you can change color code as per your wish.

Nav menu below header:

In Thesis Theme 2.0 has drag and drop option via this option you can drag and drop you nav menu below header, like below image.

To change color and font settings of navigation menu below header, same procedure like nav menu above header.

Nav menu on header:

In Thesis Theme 2.0 has drag and drop option via this option you can drag and drop you nav menu on header, like below image.

To change color and font settings of navigation menu on header, same procedure like nav menu above header.

We will be providing more Thesis Theme 2.0 Tutorials, so don’t miss those tutorials, subscribe below box

We launched Thesis Skins for Thesis Theme 2.0., if you have time, visit our Thesis Skins page.

If you like above tutorial, share with your friends via following social media options.

Leave a Comment

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.