Fix a block in the modal view

Custom Coding
,
1

Is it possible to fix a block in a modal so that when scrolling down, the first block stays fixed?

I tried using the sticky function in the header, but I can’t make it stay fixed.

sticky
sticky1317×789 75.8 KB

1 Like
2

Hi,

This is possible.
In the modal page settings, go to custom code => code inside header and insert the code below:

<style>
 #list-details1 {
  position: fixed;
  float: left;
  z-index: 1000;
  width: 100%;
 } 
</style>

Change list-details1 by the Id of the block you want to be fixed

3 Likes
3

It worked perfectly, thank you very much for your help :raised_hands:t2:

1 Like
4

Trying to do the same but on a regular page, not a modal. The problem is that I want to use a sticky header as well so the sticky block gets positioned right below the header. Right now it gets positioned behind the header when scrolling down. Does anyone have a suggestion for a fix?

5

If I’m understanding correctly, you can try this: insert a text block and leave it empty—just adjust the top and bottom margins to create a “space” right above the block you want to pin. This will allow the pinned block to avoid getting hidden under the header when scrolling, since the blank space will prevent it. Hope this helps!