-
Hey…
On this, there’s a content part in the middle of the page and next to the content, there’s a sticky contact form built.
That contact form is sticked only to that content part of the page when scrolled.
Can we do the same with GeneratePress? And How?
-
Fernando
Hi there,
Yes, it’s possible.
Create a 2 column grid Block first: https://docs.generateblocks.com/article/grid-overview/
Once you’ve created this and added your content, let us know so we can provide you with the CSS needed.
-
Hey…
I’ve put the grid and the content inside them. And I want only this red marked white container to be sticked throughout the content part when scrolled.
-
Hi there,
that section you added with the grid, in its Layout options set the Overflow X and Y back to Default. They cannot be hidden.
Then inside the Grid Block select the Right Column container and remove its Overflow settings too.
Finally select the Container Block inside that columns Contained and in Advanced > Additional CSS Class(es) add:
is-sticky-top
Save those changes
Then add this CSS to your site:
.is-sticky-top { position: sticky; top: 60px; }
- You must be logged in to reply to this topic.