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

[Kelly]

Hi, When I zoom in to about 175% – my main navigation seems to jump down but I need to be able to move closer to the Header Image

Is there some padding somewhere that is preventing this? See here:
https://dev.uccmpolice.com/

[Leo]

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%?

[Kelly]

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 🙂

[Leo]

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.

[Kelly]

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?

[Leo]

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

[Kelly]

Yes! That fixed it:

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

Thanks so much.

[Leo]

No problem!

[Author]

Posts