Archived topic
Hook non-menu item elements no menu
3 replies · Started by Joao on April 10, 2021
Hi,
I followed your guide on hooking non-menu item elements (Block - Hook [button with icon]).
I then defined Mobile Menu Breakpoint to 2000px.
Main (primary) menu display location is primary menu. I like Canvas style better and would prefer it but every time I add enable canvas I end with 2 hamburger menus. Worst: they don't behave the same in mobile and sticky views.
So, my question is: are you able to provide me instructions (CSS?) to make my primary menu to look like canvas menu style? Not sure if this is included in standard support.
You're the best
Joao
P.S.:
I added 3 elements outside the menu. I styled one element until I happy and "cloned" that element 2 times. I was using Yoast duplicate and I believe I found a "bug" (a small one:) ). Cloning elements wasn't enabling me the option to style them differently (I just wanted to change the background color of one of them). Anytime I styled one of them differently, the other 2 showed the same changes. Maybe you would like to look into this by yourselves OR report it to Yoast.
Hi Joao,
If you can update Generapress Premium to 2.0, this issue shouldn't exist anymore.
I think Yoast duplicate function duplicates the block's class as well, so all the changes in CSS will apply to the blocks which share the same class.
You could try WP reusable block for a similar function but it can be converted to a regular block which allows you to edit individually.
Also GB pro has the copy/paste style function which comes in handy in this case.
Let me know :)
Update to 2.0 completed and canva style enabled, thank you so much.
"Yoast duplicate function duplicates the block’s class as well": Yes, you're right. And copy/past blocks between new and different elements seems the simplest solution.
Thanks for being there on a Sunday.
Joao
You are welcome Joao :)
