Archived topic
Page with two areas/zones
3 replies · Started by Gerva on August 21, 2020
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
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.
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
Glad to be of help :)
