[Support request] Header with

Home Forums Support [Support request] Header with

Home Forums Support Header with

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2157463
    Jenny

    Hello ๐Ÿ™‚
    have you got an inspiration for me how to get such white/yellow oblique header?

    https://ibb.co/SRBv0z6
    can you help me with? my customer wanted to have it.

    Thanks a lot,
    Jenny

    #2157469
    Fernando
    Customer Support

    Hi Jenny,

    The Top bar in the link you attached can be replicated through clipping: https://ishadeed.com/article/clip-path/

    Here is a custom CSS you may try:

    nav#secondary-navigation {
        background: white;
    }
    
    .inside-navigation.grid-container.grid-parent {
        background-color:var(--global-color-8);
        clip-path:polygon(35% 0, 100% 0, 100% 100%, 45% 100%);
    }

    Kindly modify the clip-path values to your preference.

    Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

    Adding it through additional CSS should work.

    Hope this helps! ๐Ÿ™‚

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