Archived topic
Double button in navigation
5 replies · Started by Michael on March 18, 2021
I'm rebuilding the linked Squarespace site in Wordpress and have a question of recreating the double buttons to the right of navigation.
Usually (pre GPblocks) we just use a css class for the last nav menu item.
Is there a recommended way to create this using blocks and a hook now? Or easier just to use css class on menu items?
Would need the buttons on mobile menu as well, at the bottom.
Hi Michael,
Hmm both methods would work equally as well I think.
Will the desktop menu items and mobile menu items be the same?
If so I'd say use the CSS class for menu items would be easier.
Let me know :)
Hi Leo,
Yes both desktop and mobile the same items.
May try the blocks was as SVG icon easier to add. Is there documentation for adding block to nav?
Hi there,
adding Blocks to menu bar:
1. Create a new Block Element in Appearance > Elements:
https://docs.generatepress.com/article/block-element-overview/
2. Add your block content.
3. Block Hook - Select the menu_bar_items hook
4. Set the Display Rules to Entire Site.
Note if you want to hide them on the Mobile Menu - then in the Block editor, you can add a CSS Class of hide-on-mobile to the blocks you want hidden.
Thanks David!
You're welcome
