Comment on Talian 5 WordPress SEO Theme by SEO Dave.

AdSense WordPress Theme Options I added a page about my AdSense Income this week (feel free to comment on your AdSense income there) and it resulted in the navigation menu below the header (the orange buttons with white text) wrapping and looking terrible.

This is caused because there’s only so much space available in that location and four buttons with so much text was too much for the Talian theme out the box.

I really wanted this page and link on that menu with that text, so edited the css to make it work and here’s what I did.

Loaded style.css in a text editor.

Found

.navigators {
	float: right;
	width: 490px;
}

.navigators ul {
	margin: 0px;
	float: left;
	width: 490px;
	list-style-type: none;
	padding: 36px 0px 0px 0px;
}

and changed to

.navigators {
	float: right;
	width: 620px;
}

.navigators ul {
	margin: 0px;
	float: left;
	width: 620px;
	list-style-type: none;
	padding: 36px 0px 0px 0px;
}

Changed 490 to 620 twice.

Saved the file and uploaded over the original.

That’s it.

You can see this has pushed the button like links under the blog description and name of the site (compare the navigation menu to this site that uses default Talian style.css and fits fine, just 3 page links) and so if you did this with a site with a really long blog description this could mess up.

With my navigation page links you can see I use a lot of text, this is for SEO reasons:

* WordPress SEO Plugins
* Google Sitemap
* WordPress Theme Features
* AdSense Income

I could have shortened these a little, but it could have hurt those pages SERPs.

If you have less pages or much shorter titles you might not need to make the width as wide as I have, I went from the default 490px to 620px which is quite a lot. If you find your page titles don’t quite fit maybe adding an extra 30px padding will be enough, experiment: as long as you keep backups of the original it’s easy enough to reupload the original files and fix your mistakes :)

Another way to make these page links fit is to exclude some of them.

On this site I use a static home page (a WordPress feature) and don’t want that page to show on the navigation menu, so have excluded it.

I loaded header.php in a text editor and changed:

wp_list_pages('sort_column=menu_order&title_li=&depth=1'

to

wp_list_pages('sort_column=menu_order&title_li=&depth=1&exclude=12'
Added &exclude=12

The number 12 in my case represents the post number of the page I wanted excluded. To find the post number you need to edit the page you want excluded and read the post number from the URL.

When you edit a page the URL will look something like this-

/wp-admin/page.php?action=edit&post=12

post=12 tells us that page is number 12, so we use &exclude=12 to exclude it.

If you have several pages you want to exclude from the navigation menu add them all.

For example if you had 3 pages with the post numbers 1, 7, 12 and 18 your code would look like this-

wp_list_pages('sort_column=menu_order&title_li=&depth=1&exclude=1,7,12,18'

I use this coding on a few sites where there are too many pages to ever fit on the navigation menu below the header.

David Law