How to make text block sticky across multiple sections

Site URL: https://www.heidiarcilla.com/warmstartaipw

Hello! 

Is there a way to make a block sticky across multiple sections on a page (in a portfolio) without having to purchase an extension or having to combine all sections into one?

I was able to get the code for one section, but I need the block, which serves as my table of contents to go across the entire case study which comprises of multiple sections. It was only able to stick to the first section.

Here is the code I'm using:

@media screen and (min-width: 768px) { .fe-block-yui_3_17_2_1_1728066768831_5167 {
  position: sticky;
  top: 300px;
}
}

The pw to my case study is: funemails24

Hi @thesquareteam,

Thanks so much for getting back to me. Could you give me an example of what that might look like in code please?

-Heidi

ok sure what's the best way to connect? phone? if so, my number: 858-837-0617

5 hours ago, thesquareteam said:

@uhohitsheidiho, Absolutely! Let’s connect to discuss how to implement that code. It’ll be easier to walk you through the adjustments.

Hi @thesquareteam, I just realized that I didn't tag you in my last response. What's the best way to get in contact? If by phone, my number is 858-837-0617. 

Hi @thesquareteam, just wanted to follow up on this to see if there's a possible solution. If it's too difficult to get in contact, providing an example of the code might be helpful.

Thanks!

Site URL: https://www.heidiarcilla.com/warmstartaipw

Hello,

I opened a previous discussion about this, but no one ever got back to me despite multiple follow ups. Hoping I can get some one to answer me by posting another one.

Issue: 

Is there a way to make a block sticky across multiple sections on a page (in a portfolio) without having to purchase an extension or having to combine all sections into one?

I was able to get the code for one section, but I need the block, which serves as my table of contents to go across the entire case study which comprises of multiple sections. It was only able to stick to the first section.

Here is the code I'm using:

@media screen and (min-width: 768px) { .fe-block-yui_3_17_2_1_1728066768831_5167 {
  position: sticky;
  top: 300px;
}
}

The pw to my case study is: funemails24

I was given the advice of adding the position: sticky to the parent container, but I'm really not sure how to do that (I'm fairly new to CSS). Please help!

Best,

Heidi

Hi,

Can you take a screenshot of text block you are referring to?