Secondary Navigation

Do you have a link to your site?

Take a look around line 1793 in your css and you’ll see the Secondary Nav section –

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	background: #fff;
	clear: both;
}

.nav-secondary .genesis-nav-menu a {
	font-size: 12px;
	padding: 8px 13px;
}

.nav-secondary .genesis-nav-menu > .right {
	padding: 8px 0 8px 20px;
}

.nav-secondary a:hover,
.nav-secondary .current-menu-item > a {
	color: #aaa;
}

.nav-secondary .genesis-nav-menu > .right > a,
.nav-secondary .genesis-nav-menu > .right > a:hover {
    background: none;
    padding: 0;
}

.nav-secondary .sub-menu a:hover {
	background: #f7f7f7;
	color: #000;
}

.nav-secondary .genesis-nav-menu .sub-menu .sub-menu {
	margin: -36px 0 0 201px;
}

Then you can make any of those changes that you want in the code above.

To get the links to float to the right just add this –

.nav-secondary .genesis-nav-menu .menu-item {
    float: right;
}

To target a specific link, look in your code/page source and you’ll see the ID. Use that ID in your css and add your color or whatever style you want to it.

Remove the float right and change it to float: none. Then add `display: inline-block;’ to that same code

Next add text-align: center; to .genesis-nav-menu around line 1618

For the last part I’m talking about your Source Code, the actual code that shows up to produce your site. Example, right click view Page Source…or use your inspector to check your code. However you look at your code thats what you’ll need to use to look at the links. But if you know the page or post ID then you can just add it in. You can find out the ID number from the page/post editor, it’s at the top.