[Support request] How to implement passepartout like TwentySixteen theme ?

Home Forums Support How to implement passepartout like TwentySixteen theme ?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1415501
    Jacob

    Thank you for an awesome product.

    How to implement passepartout like TwentySixteen theme ?

    Thanks,

    Jacob

    #1415900
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media(min-width: 769px) {
        body {
            margin: 21px;
        }
    
        body:before,
        body:after {
            background: inherit;
            content: "";
            display: block;
            height: 21px;
            left: 0;
            position: fixed;
            width: 100%;
            z-index: 99;
        }
    
        body:before {
            top: 0;
        }
    
        body:after {
            bottom: 0;
        }
    }
    #1415914
    Jacob

    Wonderful. Except I have “Use navigation as header” turned on and “Sticky navigation” turned on also with no transition. When scrolling down this means the header-as-navigation jumps into full-screen-width and does not respect the passepartout. Is there something you can do ?

    #1415921
    David
    Staff
    Customer Support

    Not sure if there is a fix for that – can you link me to the site so i can see the issue ?
    Edit your original topic and use the Site URL field to share a link privately.

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