Home › Community Forums › Ally Theme Support › Secondary Navigation
Tagged: ally, menus, secondary navigation
- This topic has 7 replies, 2 voices, and was last updated 9 years, 2 months ago by
Eric.
-
AuthorPosts
-
November 13, 2013 at 7:09 am #8849
crewem
CustomerHi Wes
How do I edit the secondary navigation menu?
1. Change the size?
2. Change the font to the Helvetica that is in the stylesheet?
3. Change the text so that is black when unselected?Thanks very much
November 13, 2013 at 8:41 pm #8875Eric
CustomerDo you have a link to your site?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
November 15, 2013 at 11:28 am #8917crewem
Customerits kindredexchange.info
November 15, 2013 at 10:39 pm #8927Eric
CustomerTake 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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
November 22, 2013 at 5:11 pm #9095crewem
CustomerHow would I go about right aligning or centre aligning the text. I also get that this is a long shot but is there a way to change the colour of one of the bits of text while keeping the others the same. The last part would be pink ideally.
November 23, 2013 at 10:44 pm #9106Eric
CustomerTo 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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
November 24, 2013 at 5:45 am #9110crewem
CustomerThank you Eric
A couple follow up questions;
1. How would I go about centering the text?
2. Can you explain the second part more, it literally goes straight over my head (I learnt everything about CSS from just googling stuff when I couldn’t figure something out so not got the most thorough knowledge!)November 24, 2013 at 8:39 pm #9117Eric
CustomerRemove 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 1618For 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.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
-
AuthorPosts
- You must be logged in to reply to this topic.