[Resolved] Page with two areas/zones

[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

[David]

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.

[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

[David]

Glad to be of help 🙂

[Author]

Posts