Header & Menu Alignment

Hi Rob,

This is by design.

So you're wanting the logo, then the navigation floating to the right, but directly next to the logo?

Hi Tom,

No I need them both floating left, with the menu beside the logo.

I make alot of sites with say only 3 items in the menu, so it looks visually better to have them beside the logo instead of a huge white gap when you float the menu right.

Make sense ? I might not be explaining this very well.

You could try adding this PHP:

add_action('after_setup_theme','generate_float_navigation_below');
function generate_float_navigation_below()
{
	remove_action( 'generate_before_header_content', 'generate_add_navigation_float_right', 5 );
	add_action( 'generate_after_header_content', 'generate_add_navigation_float_right', 5 );
}

Then this CSS:

.nav-float-right .main-navigation,
.site-logo {
    float: left;
    clear: none;
}

This assumes your logo is set to float right.

Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

Hey Tom,

Thanks for posting this, I'll give it a try later today.

One thing I did figure out though was why setting menu alignment to left doesn't do anything when the menu is inline with the logo. It doesn't have a width set.

When I add a width to the menu (container size - logo width = max menu width) it then aligns the menu items to the left like I want them.

Ah, glad you got that working.

Let me know how the code does :)