Let’s start customizing the awesome Thesis 2 Theme for WordPress. There are several places to display the navigation bar. The default is at the top of the page, above the header. I personally like to see navigation menus displayed below the header or logo images. Again, this is mostly personal preference. We will use this exercise to learn to manipulate the Thesis 2 Theme to change the way our website looks.
From your WordPress Dashboard, click the Thesis 2 menu option in the left sidebar. You will now be presented with the Thesis 2 home page. From here, click on “Skins”, then click “Skin Editor”.
You will be taken to the Thesis 2 HTML landing page with the “Home” template as the default page when you first enter this view. We’ll cover page templates more in a future post. For now, the important thing to realize is that we are operating on the HTML components of the website.
Next, notice the blue bar labeled “Nav Menu”. This is the “code” that controls where the navigation menu will appear on a page in relation to other page elements. Notice that this blue Nav Menu bar is placed above a white “Header” bar. This is what controls the order in which these two items are displayed in relation to each other.
What we want to do is swap the order of Nav Menu and Header. We can do this by left-clicking on the blue Nav Menu bar and dragging the bar to below the Header box. It will light up yellow in the spot where the box (Nav Menu) will land when you un-click.
In the picture below you can now see the Nav Menu blue bar is placed below the Header bar.
Click the green “Save Template” button in the top right of the page. You will see a confirmation that your template was saved.
Refresh your browser on your website and you will now see the navigation menu is displayed below your header. Yes, customizing your website with the Thesis 2 Theme can be that easy.