[Support request] Slide-Out Navigation

[Andy]

Hi,
I’m trying to just display the slide-out navigation on both mobile/desktop WITHOUT the normal text navigation links. But unfortunately whatever I try it displays BOTH the normal text navigation AND the slide-out/3-bar icon. I’ve tried unticking options in Appearance > Menus, but that either removes the 3-bar icon and leaves the text links or removes both.

I’ve searched the forum but just can’t find a solution, there must be a setting but I just can’t seem to find it.

Attached are screenshots of my menu settings and how it currently displays:

https://prnt.sc/h8ckli
https://prnt.sc/h8ckyf

Any help much appreciated.

[Leo]

Hi there,

Try creating a separate menu without any items in it and set it to primary.

Let me know.

[Andy]

Worked perfectly thanks.

Is their a setting to keep the 3-bar icon floated to the right of the logo even on mobile view? I know I can achieve that with some custom CSS but wondered if their was a setting to do this?.

[Leo]

Check out the mobile header feature: https://docs.generatepress.com/article/mobile-header/

This site is currently using it as well 🙂

[Andy]

Thanks works great although I will probly have to play around with asmaller versions of the logo so that the toggle menu doesnt wrap onto a 2nd line on mobile view.

Also, I’m using the CSS code from the support section to make it slide-out from the right, but now I’ve lost the close button/x. Any ideas?

[Leo]

Can you link me to the site?

What CSS are you using?

[Andy]

Hi,
I’ve opened another thread with other issues which has a preview URL for the site here:
https://generatepress.com/forums/topic/replicating-menu-design-other-issues/

I’m using this CSS:
https://docs.generatepress.com/article/open-slideout-navigation-right/

[Author]

Posts