Using Secondary Menu Only – How to Disable Primary Navigation Completely?

Hello,

On my website, the secondary menu is positioned exactly where I want it in the design. I do not plan to use the primary menu at all.

However, on mobile devices, two hamburger menu icons appear.

Currently, I am hiding the primary menu with this CSS:

.main-navigation .main-nav > ul {
display: none;
}

But I’m not sure if this is the correct approach. The issue is that the mobile hamburger icon still appears, and when clicked, it opens an empty menu because the primary menu items are hidden.

What would be the proper way to completely disable the primary navigation (including the mobile toggle icon) in GeneratePress?

Additionally, I would like to remove the primary menu area next to the logo in the header and instead use that space for a custom element (for example, text or another custom content block). What is the recommended way to achieve this in GeneratePress?

Screenshot reference: https://prnt.sc/bsVoCWekEX9o

So…

want to use the secondary menu as my main navigation.

On mobile devices, this secondary menu should appear in the primary navigation area (including the mobile toggle/hamburger position).

In the header, next to the logo (on the right side), I would like to display custom information such as a phone number and email address instead of the primary menu.

Thank you.