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 the nav menu in Thesis Theme site, those are
- Nav menu in the above header
- Nav menu in below header
- Nav menu on the 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 the navigation menu.
Steps
- First, go to the 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 the 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 the above code, you can change the 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 the header, like below image.
To change color and font settings of the navigation menu on the 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 the above tutorial, share with your friends via following social media options.