Trying to make this text fixed/sticky

Site URL: https://piccolo-azalea-xy2l.squarespace.com/

Hi there, 
I'm trying to make this text sticky/fixed.

I want it to stay fixed when scrolling, and the darker grey section to go over it if that makes sense.

I've tried ot make it sticky with CSS but it doesn't stick for very long. 

Hope this makes sense,

Cheers,
B

Site pw: bmd123

Try this new code

@media screen and (min-width:992px) {
.fe-block.fe-block-yui_3_17_2_1_1660280849977_414676 {
    position: fixed;
    top: 150px;
    left: 4vw;
    max-width: 70%;
    z-index: 99999;
}
}

Thanks for that!! 
I'm trying get the darker grey section to scroll over the text so its not visible for the whole page

Are you able to help with that?

Cheers,

B

I've given up on that fixed text.

But I have a new problem.

I've moved the image up out of the section, however, the image box is still in the section which makes it quite tall. Is there a way to shorten the height of the section with the image? 

It's currently set to the smallest height in the section editor.
I tried making the height 75% with CSS but it doesn't seem to work.

Cheers,

B

On 8/15/2022 at 9:21 AM, braymay said:

I've given up on that fixed text.

But I have a new problem.

I've moved the image up out of the section, however, the image box is still in the section which makes it quite tall. Is there a way to shorten the height of the section with the image? 

It's currently set to the smallest height in the section editor.
I tried making the height 75% with CSS but it doesn't seem to work.

Cheers,

B

You mean this section?

I've actually changed it around and fixed the issue,

Thanks so much!!