Archived topic
2 menus in navigation same row
8 replies · Started by Streater on June 15, 2021
Is there a way to hook in another menu where the logo normally goes in the navigation bar?
Instead of the logo, I want to replace it with a second menu... but only on Desktop.
So basically how it will look: where the logo is I want a link to a Login on the left side of the navigation... opposite where my other menu will remain on the right with the About, Contact, and Pricing links are (leave this current menu there as is).
Hi there,
will there be any logo or other content between the left and right menus ?
If not then add the Login menu item to your main menu, and then share a link to the site and ill provide some CSS to position it.
It's a different logo setup than normal... I originally custom coded it on DIVI (site is slow so I switched to GeneratePress)... you can see exactly what I'm going for here:
https://bigblueclaims.com/
But Login will go where Help currently is.
Here is the new GeneratePress site so far:
https://ux0.088.myftpupload.com/
Is the Login added done how you wanted?
I was think (/hoping) there was a way to hook it in since I see in the Customizer that the default logo and site title are programmed to go in the same place. Probably another topic, but I was going to use that hook (solution) to do something else as well.
If hooks are good for you then theres two either side of the logo - generate_before_logo and generate_after_logo but they are reliant on the logo in the Site Header... but its container is hooked into: generate_before_header_content
Ok thanks! What is your CSS solution though? I'll try both
I tried a bunch of hook ideas... this one seemed the most logical but didn't work. Any ideas?
<?php
add_action('generate_before_header_content', function(){
do_action ('mobile-logo-row');}
);
?>
Hi there,
Based on your current layout, try this CSS:
header#masthead, .inside-header, #site-navigation, .inside-navigation, #primary-menu, ul#menu-desktop-menu {
width: 100%;
}
#site-navigation ul#menu-desktop-menu > li:nth-child(2) {
margin-left: auto;
}Yes that worked... thank you! Got so caught up on working on different things that my last comment was mostly off topic... will make it another topic
You are welcome :)
