Search and Login/Out in Secondary Nav

[James Perkins]

Is it possible to get the something like the search widget and the a Login/Out (like in the meta widget) into the secondary nav bar? Alternatively, I could switch primary and secondary nav locations if I can get those working in Primary Nav.

And, in a related question, my Secondary Nav has two groups of functions/links. Can I float some of it to the left and some to right?

Thanks!

Jim

[Tom]

Hi Jim,

This plugin may help for adding a login/logout menu item: https://en-ca.wordpress.org/plugins/baw-login-logout-menu/

As for floating menu items, this might help (just ignore the icon part): https://generatepress.com/knowledgebase/menu-social-icons/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[James Perkins]

Thank you, Tom. As always you are fast and helpful. I really need to learn more about what I’m doing. I never thought of plugins for these issues, just because I find your theme to be so complete that I usually just assume I’m missing something – and usually something obvious.

Anyway, the login plugin was so easy even I could do it. As for getting it to float to the right, I haven’t managed that yet, but I was stabbing in the dark at the custom CSS. I managed to add a class to the two menu items in question, and I could see that it was referencing the class in the browser, but I couldn’t conjure up the CSS to make it work. Need to do some reading. While I was there, I did try to throw a social media icon on the menu with <i class=”fa fa-facebook”></i> and all I got was the nothing. Do I need to turn on font awesome somewhere?

Thanks again!

Jim

[Tom]

You don’t need to do the font awesome thing if you’re just trying to float the menu item to the right.

You just need to add the menu-item-float-right class to the menu items you want to float to the right.

Adding classes: https://generatepress.com/knowledgebase/using-menus/#custom-classes

Hope this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[James Perkins]

Thanks again, Tom. I owe you lots of coffee. I understand everything up to that point. My problem is adding CSS to my custom class with correct syntax to get it to float right. I understand that I need to back up and learn something about how CSS works, in a syntactical sense. I guess what I need to solve the current problem is if I create a custom class sec-nav-split in the CSS field, what goes in my custom css (Simple CSS) to incorporate the menu-item-float-right so that it works? Apparently I’m too ignorant to guess the answer. I can read enough to get what it means to put menu-item-float-right into the input of the class, but at this point I have no idea. Still stabbing at it.

Thanks again!

Jim

[Tom]

That class is actually built into GeneratePress, so all you need to do is add the class and it should work perfectly – no need to add any CSS yourself.

If it’s not working let me know your URL and I’ll take a look 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[James Perkins]

AaaaaaaaaH. –Smacks self in head– Suddenly, the lightbulb goes on. Now that the black monolith has taught the monkey how to use tools, it does indeed work perfectly. I thought it was a method to a class, not the class itself. Thank you, sir!

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts