Site logo

[Support request] Element inside sticky header

Home Forums Support [Support request] Element inside sticky header

Home Forums Support Element inside sticky header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2441449
    WebbPlatsen

    I have a Header Element which is placed below header.
    How do I place this Element inside sticky header?

    #2441532
    David
    Staff
    Customer Support

    Hi there,

    What do you have in the Header Element?

    #2442227
    WebbPlatsen

    Full width Page Hero and height is 40px.

    #2442562
    David
    Staff
    Customer Support

    Can i see this ?

    #2442724
    WebbPlatsen

    Sure. Here u go.

    #2442818
    David
    Staff
    Customer Support

    Ok, so i would appraoch it like so, but it will probably require some CSS:

    1. remove the header elements
    2. use a Hook Element to add your element to the generate_after_primary_menu hook.
    3. Set the Customizer > Layout > Primary Navigation width and inner width to Full width.

    This will add the element inside the nav, so when it gets cloned for the sticky nav, then you should keep it.
    I can assist with the CSS if i can see it ?

    #2442846
    WebbPlatsen

    Thanks!

    Element will now be sticky in Desktop 🙂
    Content won’t be shown but that’s another question I guess.
    Mobile view will not be full width so I guess I some CSS.

    #2443048
    David
    Staff
    Customer Support

    To keep it visible on mobile and in the same place add this CSS:

    
    #ybdocatcontainer_top {
        order: 10;
        flex: 1 0 100%;
    }

    Good question – what happened to the content ?

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