[Resolved] Page with two areas/zones

Home Forums Support Page with two areas/zones

  • This topic has 3 replies, 2 voices, and was last updated 1 month ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1412223
    Gerva

    Good morning
    Can i get support for this problem?

    Page with two areas / zones.
    One with a scrollbar where I see the posts of a category for example and the other fixed with the map of the neighborhood.

    Is it possible to do this with GeneratePress or/and GenerateBlock?

    Thank you

    Page 2 colum

    #1412484
    David
    Staff
    Customer Support

    Hi there,

    Try adding GenerateBlocks 2 column Grid Block.
    In your right hand column > settings > advanced > additional CSS class add: sticky-fullheight

    Then add this CSS:

    @media(min-width: 769px) {
        .sticky-fullheight {
            max-height: 100vh;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
        }
    }

    It will force that container to fill the height of the viewport and make it Static. Allowing your other column to scroll separately.

    #1412508
    Gerva

    Thank you
    Great suggestion.
    A solution similar to the one I wanted that I can use by changing some layout details.

    Really big.
    Thanks so much

    #1412540
    David
    Staff
    Customer Support

    Glad to be of help 🙂

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