• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Secondary Navigation

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.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 13, 2013 at 7:09 am #8849
    crewem
    Customer

    Hi 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 #8875
    Eric
    Customer

    Do 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 #8917
    crewem
    Customer

    its kindredexchange.info

    November 15, 2013 at 10:39 pm #8927
    Eric
    Customer

    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.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    November 22, 2013 at 5:11 pm #9095
    crewem
    Customer

    How 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 #9106
    Eric
    Customer

    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.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    November 24, 2013 at 5:45 am #9110
    crewem
    Customer

    Thank 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 #9117
    Eric
    Customer

    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.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework