SLUSH – moving primary navigation to the top and secondary to under header

[tanyaslogos]

Hello I hope that everyone is having an amazing Sunday!

I am struggling with a small layout issue on the SLUSH theme. I would like to move the entire primary navigation to the top of the site (where the secondary navigation is now located) and to move the secondary navigation to where the primary nav was (just under the header)

I would just use the secondary for my navigation but it doesn't display on all media devices like the primary does. I guess I could swap out all the css but I was hoping that there was a small php hook that I could add to the functions.php page that would just swap them out.

Thank you for any help you can offer - I know that everyone is busy with the holidays coming up but if you can spare a few moments I would greatly appreciate it. 🙂

Thanks again!
Tanya

[tanyaslogos]

as with most things - once I asked the question out loud my brain sorted out the answer lol

To anyone else that wants to do this here is what I did:

functions.php - swap out the "subnav/nav" text on lines 70,71,74,75 (if it says "subnav" change it to nav - if it says nav change it to subnav) - then change the word secondary to primary on lines 81 and 91.

This will save you from having to do a lot of css swapping but you will have to remove the "dispay:none" from the style code .zp_secondary_nav_wrap.navbar so that the hamburger menu will display on smaller screens. You will need to do other css adjustments I am sure but this gets you started 🙂

Easier solution would be to used the same navigation for both - hide the primary for large screens - show for smaller screens. much simpler but ehhh my brain doesn't show me the simple road until after I have traveled the harder one.

[tanyaslogos]

update: okay so the first option breaks the "x" close menu button on media devices. I am going to use the second option. LOL

Just ignore me. it's turning out to be one of those days.

[Author]

Posts