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

2 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?