[Support request] Making The Sticky Menu And Regular Menu Look The Same

[stephen]

Hello,

Apologies for having two support threads so quickly. I cant seem to get my head around this issue with my menu.

My sticky menu looks great and I would like the regular menu to look the same but I am really struggling to achieve this.

For whatever reason the site logo wants to always go in the middle of the menu instead of the far left like the sticky menu.

Header
Header Presets – Current
Header width – full
Header container – full
Header alignment – centre
Header padding – 40 x 40 x 40 x 40
Use navigation as header – no
Mobile header – on
Branding – logo
Sticky – on

Primary Navigation
Navigation width – full
Inner navigation width – contained
navigation alignment – centre
navigation location – below header (any other setting puts the site logo in the middle of the menu)

Can you help me set the regular menu to the same layout as the sticky? the sticky looks amazing

[Leo]

Hi there,

I believe the navigation as a header option is what you looking for:
https://docs.generatepress.com/article/navigation-as-a-header/

Can you give it a shot and let me know if that helps?

[stephen]

Hello,

Yes, I forgot to mention. Navigation as a header places the site logo in the middle of the menu over the menu items.

[Leo]

It shouldn’t.

Can you activate the option so I can see the issue?

Thanks 🙂

[stephen]

It has been changed, please take a look as the site is live.

Thanks Leo

[David]

Hi there,

This CSS in your child theme is positioning the logo over the navigation:

.site-branding, .site-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 200;
}

Remove that to cure the issue.

[stephen]

Fixed. Thank you yet again David. Have a good weekend generatepress staff

[David]

You’re welcome – have a good weekend too.

[Author]

Posts