Replace Mobile Hamburger Menu with a few key page titles

Hi Kelsey,

Can you try modifying the “Mobile Menu Breakpoint” to 0 in Appearance > Customize > Layout > Primary Navigation?

See this for reference: https://share.getcloudapp.com/6quE1j8E

Hope this helps! Kindly let us know how it goes. :)

You did it! Now, how can I remove one of the menu items? Thank you so much.

That sounds great!

To remove a menu item, you may go to Appearance > Menus and edit the specific menu you’re using as the primary menu.

See this as reference: https://share.getcloudapp.com/L1uWE0LL

If you wish to remove one or a couple of menu items on mobile only, you should enable CSS classes as such: https://share.getcloudapp.com/d5uNjGrP

Then, add “hide-on-mobile” in the CSS classes of the specific menu item you wish to remove.

See: https://share.getcloudapp.com/5zuno4ZZ

Here is a document you may refer to regarding hiding elements depending on the current display.

Hope this helps! :)

Worked beautifully, thank you!

You’re welcome Kelsey! Feel free to reach out anytime if any assistance is needed. :)