How to remove primary menu

Hi there,

if you do not create a Menu and set its Location to the Primary Navigation then WordPress will automatically create a menu of all Top Level items. If you want to disable the Primary Navigation then you can set its Location to No Navigation in Customizer > Layout > Primary Navigation.

Hi,

Thank you for your fast response, I don't have that option in Navigation in Customizer > Layout > Primary Navigation
https://snipboard.io/ZKHyed.jpg

Hi Azari,

Consider using a Layout Element for this for it's Disable element feature -
https://docs.generatepress.com/article/layout-element-overview/#disable-element

You can tick Primary navigation or Site Header(removes the logo as well) and set the display rule location on target pages.

Hi Elvin,

That way the whole header disappearing, I need to remove only the menu.

1. Go to Customizer > Layout > Header and uncheck Navigation as Header
2. Follow the step provided here

If I do that it brakes the header, no logo, and still the menu is still there.
https://snipboard.io/ujlbt2.jpg

I think we are all a little confused.

Are you trying to remove these links here?
https://www.screencast.com/t/bHVgfPcmwFF

Hi,
Yes, we are trying to remove them, and now the logo moved to the left it was centered.
I do know how to bring it back...
Thanks

Hi Azari,

If you just want to remove the primary menu items, then create an empty menu and assign it as primary navigation.
https://www.screencast.com/t/vviNNX9p

To center the logo on desktop, try this CSS:

.nav-align-right .navigation-branding {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

Hi, Before the issue started I had on the left side social media icons, on the center the logo, and cart icons on the right.
Trying to remove the primary menu all gets lost. With your help, I've removed the primary menu, the logo back to the center, but not social icons with the cart icons are both on the right side.
How can I bring back social media icons to the left without breaking all other items?
https://snipboard.io/zZmgDv.jpg

Try this CSS:

.main-navigation .menu-bar-items {
    flex: 1;
}
.gb-button-wrapper.gb-button-wrapper-5abc7c3d.account-icon {
    margin-left: auto;
}

Hi,
Thank you, the problem is resolved :)

You are welcome :)