Main Navigation jumps down when zooming, instead of moving closer to Header Img

Hi there,

Just looks like there is not enough room when you zoom in that much.

Sorry just curious what's the purpose of zooming in 175%?

Hi,
Thanks for your reply.

I zoom in that much as that is what it may look like on a iPad on similar screen size.
I zoom in all the way to see what it would look like on a mobile phone.

I guess I will just make the menu font size a bit smaller

Thanks for your help :)

Ahh that's not the way to do it.

You want to resize the browser window instead of zooming in :)

Or you can use the toggle feature at the bottom of the customizer.

Ah Ok,

One more question

I want the Main Menu to line up next to to the Logo.
When I do Navigation Location: Float Left it moves the header-image to be on the right side

Currently it's set to Navigation Location: Float Right - but I want it to be closer to the header-image, is that possible?

http://dev.uccmpolice.com

Edit: Or is there a way that I can set the Menu to Float Left and not have the main header-image jump over to the right hand side of the page?

Give this a shot: https://generatepress.com/forums/topic/menu-next-to-logo/#post-241435

Yes! That fixed it:

.nav-float-right .inside-header .main-navigation {
float: none;
display: inline-block;
vertical-align: middle;
}

Thanks so much.

No problem!