Archived topic
How can I add a shape divider under the menu bar?
3 replies · Started by Greg on October 26, 2020
I'm trying to add a curve shape underneath the menu bar which will appear on every page of the site. So instead of the menu bar having a straight edge, it will be curved.
This is what I'm trying to achieve => https://snipboard.io/AuOyLF.jpg.
I've gone to https://www.shapedivider.app/ and created a shape divider. I added the CSS to my website.
I then created a hook Element inside GP for the HTML code that was generated. I've tried to hook the HTML to all available hook options in the header section but I cannot get the shape divider to hook itself below the menu.
Any help appreciated.
Hi Greg,
I believe you'll be best served having a visual guides of the hooks so you can best decide where to put it.
Here's our very own documentation about it: https://docs.generatepress.com/article/hooks-visual-guide/
Perhaps having it on generate_after_header hook is the best choice.
If this is still giving you trouble, can you link us to the site in question?
So we could inspect the site and assist you better.
You can add the site details on the Private information textarea. Thanks.
Cheers Elvin.
That graphic is very helpful :)
No problem. Glad you found it helpful. :)
