[Support request] How can I add a shape divider under the menu bar?

Home Forums Support How can I add a shape divider under the menu bar?

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by Elvin.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1505219
    Greg

    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.

    #1505269
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1512052
    Greg

    Cheers Elvin.
    That graphic is very helpful πŸ™‚

    #1513722
    Elvin
    Staff
    Customer Support

    No problem. Glad you found it helpful. πŸ™‚

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.