[Resolved] Menu items still listed at top after activating off canvas panel

[Jordan Levi]

Hey, I wanted to use an off canvas panel as the primary menu on desktop and mobile, but after I activated it and set my primary menu to show up there, some pages are still listed at the top next to it and I can’t figure out how to make them go away.

Specifically, I want the header to show the site logo displayed on the far left, the ‘Menu’ button for the off canvas panel on the far right, and 3 icons just to the left of the ‘Menu’ button: 1 icon for the ‘My Account’ page, 1 for the shopping cart, and 1 for the ‘Search’ button.

I tried using GenerateBlocks to create a ‘Block – Site Header’ element to accomplish this, but after I added a 2-panel grid and tried adding the ‘Site Navigation’ widget in the right panel, I couldn’t figure out how to make the off canvas panel’s ‘Menu’ option display. I’m sure I’m doing something wrong, so thanks for any help in advance!

[Ying]

Hi Jordan,

1. Go to customizer > layout > primary navigation, set the mobile breaking point to 999999px, set the navigation location to float right.

2. You already have shopping cart and search button, you can add the account button using a block element – hook, and choose menu_bar_item as the hook name.

[Jordan Levi]

omg, those both worked perfectly, thank you so much!

[Ying]

Glad to hear that 🙂

[Author]

Posts