Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to swap primary and secondary navigation
- This topic has 6 replies, 4 voices, and was last updated 9 years, 8 months ago by Kary.
-
AuthorPosts
-
July 8, 2014 at 5:18 pm #113490katsummersMember
I just switched to Parallax and love it right out of the box (and still tweaking). I've been using the Genesis Simple Menus plugin to show different menus on different pages, but it only customizes the Secondary Menu. So here's the problem. On this theme, I need those custom secondary menus to show where the primary menu is, with the same styling as the primary menu. (Parallax puts the secondary menu in the footer, so not as useful.)
Is there a way to just name the primary menu "secondary" in css, and vice versa, so the plugin will pull all my custom secondary menus into the current primary spot with that primary design (nice black bar & font)? Or can I only move each menu to the other menu's position (and if so, how)?
If there is an easy way to do this, would you please explain, like to a second grader, so I can just copy and paste?
Thanks so much for your time and knowledge.
http://savvycities.comJuly 8, 2014 at 5:39 pm #113494DTHkellyMemberHope the following helps!
Consider pasting PHP code snippets in: https://wordpress.org/plugins/code-snippets/ instead of your childtheme's functions.php.
As you noted, you can swap Menu position:
http://my.studiopress.com/snippets/ > Navigation Menus. Includes snippets re: how to relocate the Secondary Nav.From the above snippets, Sub Nav moves from after header to before header (based on the remove action hook and the add action hook).
Use Genesis Hook Guide for the desired location hook location
Look in your theme files for the CSS re: Primary Nav. This should help you style Secondary Nav to look like Primary Nav.
Here's a tutorial:
Changing The Primary Navigation Colors In StudioPress Themes
July 8, 2014 at 6:30 pm #113504katsummersMemberKellylise -- Thanks so much for all this information. I will take a look and see if I can get it done.
July 10, 2014 at 8:26 am #113748PicciaNeriMemberHey katsummers, your site looks great – I need to do exactly the same and in the process of trying now, would be excellent if you could update on how you did it. thanks to both, Piccia
July 10, 2014 at 10:35 am #113787PicciaNeriMemberHere i am again, just failed – I just don't seem to be able to make it work, even with the code snippets. I would like the primary menu (Breathless – installations etc) to be the secondary menu, so that I can make it appear only where relevant. I have used the snippets but can't make it work – with the snippets activated, when I make that menu seconday it simply disappears. I don't really know php so I am not sure whether I need all of the snippets on the http://my.studiopress.com/snippets/ > Navigation Menus. page – however, I have tried different combinations.
Katsummers, it seems to work perfectly for you – would you mind telling me how you got there?
thank you so much
July 10, 2014 at 11:37 am #113793katsummersMemberPicciaNeri -- I haven't actually had time to dig in and try the swap yet. I still have the defaults.
February 22, 2015 at 1:07 pm #141776KaryMemberThis is a very old post but I'm dealing with trying to do the same thing and just wanted to point something out. Your secondary menu is probably there, its just "hidden" at the top of your header. For example, when I changed the CSS to this
.nav-secondary { margin-top: 159px; }
My secondary menu became visible. There are other tweaks that will need to be made, but this will at least get it showing below the header as opposed to at the top & underneath it. To see if you have a secondary nav, go into your page source and see if you can find a line of code similar to this...
<nav class="nav-secondary" role="navigation"
etc....This will verify your secondary nav menu is there.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.