Turn off main menu and use superfly

[Peter_Fae]

hey. I’d like to turn off the menu pages on the header and only use the superfly menu, yet keep the header site icon on the header.

How do I do this?

[ruenel]

Hello Peter,

Thanks for writing in!

To resolve your issue, please go to Appearance > Menus and then create an empty menu. You can then assign this menu as your primary menu. This will display an empty menu in your header and you can use SuperFly menu to display your actual menu.

Hope this makes sense.

[Peter_Fae]

You’re the best RueNel. As usual. Thank you so much.

[christian]

You’re welcome, Peter. We’re glad that you’re question was answered correctly.

[Peter_Fae]

mm i’ve just realized, the mobile device still shows the burger menu on the header even though it’s blank and i’m using Superfly. What is the CSS to remove that so that it’s only the Superfly menu?

example (see on mobile) --> peterfae.com

[lely]

Hi Peter,

Please try this custom CSS:

a#x-btn-navbar {
    display: none;
}

The following guide might also help you:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

[Peter_Fae]

hey that didn’t work. Is the code … should it be grey like that?

Screenshot

[ruenel]

Hello Peter,

Based from your screenshot, you have inserted the code incorrectly.

The correct code should be:

    z-index: 999;
}

a#x-btn-navbar {
    display: none;
}

Please be very careful when inserting a code. All curly braces must be closed properly or else the code will not work and even create issues with other codes affecting the next css block.

Hope this helps.