Archived topic

Adjusting the height of the logo when centering in the menu

4 replies · Started by Stacey on January 21, 2019

Viewing posts 1–5 of 5

January 21, 2019 at 12:56 pm #788321

I've followed the updated instructions https://docs.generatepress.com/article/centering-logo-navigation/ for centering my logo in the header navigation on https://vividha.swish-client.com/

Can you help with some CSS to adjust the height so it isn't cut off at the top and doesn't overlap into the content area.

I'm not sure if I should be targeting the .site-header or .site-logo and don't want to mess up the CSS

Thank you

January 21, 2019 at 4:16 pm #788453

Hi there,

Try increasing the top and bottom header padding:
https://docs.generatepress.com/article/header-padding/

Let me know if this helps :)

January 22, 2019 at 3:44 am #788750

Thanks that's helped.

How can I change the responsive breakpoint for switching to the hamburger menu. At the moment the menu items are bumping into the navigation logo and looking misaligned when on portrait tablet device. Can I trigger the mobile menu earlier?

Thanks

January 22, 2019 at 3:53 am #788756

Actually I just found the solution on this page https://generatepress.com/forums/topic/responsive-header-breakpoint-and-primary-menu/

Is that still the best way to do this?

January 22, 2019 at 4:47 am #788796

Hi there,

that code is for activating the mobile header, if you're not using that then this article:

https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

This archived topic is closed to new replies.

Start building better websites today.