Thesis Header – Design Yourself

Thesis is the king of all WordPress Themes, where as SEO is concerned Thesis Rocks. We can make any changes in Thesis according to our likes whether its customization or optimization.
In this Post I will discuss about Thesis Navigation but before that check few important articles on thesis customization.
how to add background color in thesis navigation menu?
How to add more links in thesis teasers home page excerpts
How to add second menu bar after header in thesis theme?
How to add author avatar with post title in thesis teasers homepage
Navigation Menu is a very important aspect of your Website Design because it is the first look which comes in the appearance when any new visitor visits your Website so It need to be well designed. In Thesis Theme customization, The more you know CSS the more you can design well. Learning every aspect of CSS is not possible in one day so I chooses to go with some Basic inbuilt design options for nav menu in thesis, How can you can use Thesis inbuilt Design Options to get most out of it.
The simple Thesis navigation bar looks like this:

Default thesis navigationIt looks really very boring so lets start to make it stylish. How to Design Thesis Navigation Menu in Header? Go to WordPress Dashboard, under Thesis tab click Design Options. Choose Nav Menu under Fonts, Colors, and More.  Now just style up the Nav bar according to the color you like. For the best result I have shown the best color combinations in the screenshot below & The functions of different boxes.Link Text color: Color of the text link in the nav menuLink Text Hover Color: Color of the text link when you move your mouse over the link.Current Link Text Color: Color of the link text of the page, currently you are switched on. Example you are in Home page so the link color of “Home” at the nav bar with be changed to the color specified in this field.Current Parent link Text color: Color of the Parent links text of the current page.Link Background Color: Background color of all the links except the current link.Hover Background Color: Background color of the link when you will move your mouse over the link.Current Background Color: Background color of the link of the page you are currently on.Current Parent Background Color: background color of the parent links you are current on.Nav Border width: Width of border of nav menu. Default 1px, which is the best for all sites.Nav Border Color: Color of the border in Nav Menu.Sub menu width: Width of the sub menu. Default 1px.Adjust the color according to your site look, in the screenshot I have shown just show the example of color which will suit in all type of websites. Here is the result of the settings which I made.
Colored Stylish Nav MenuNow you have a stylish Nav menu for your thesis theme.