kaydotjpg Posted June 1, 2022 Share Posted June 1, 2022 Site URL: https://tambourine-khaki-6f3e.squarespace.com/about Hi! I have this cool vertical text block that I would like to remain sticky as you scroll. However, due to the placement, I can not make this into a separate section. All of the codes I find for sticky placement require a section ID. How do I do this with a block id? the text I would like to stick: "home" https://tambourine-khaki-6f3e.squarespace.com/about password: sandys Link to comment
Agha_Waqas Posted June 1, 2022 Share Posted June 1, 2022 Hi, add below code into CSS editor @media (min-width: 768px) { #page-section-62975a23c3e91f4d2b20fc5e .span-5 {position: -webkit-sticky; /* Safari */ position: sticky; top: 13%;} } Link to comment
kaydotjpg Posted June 4, 2022 Author Share Posted June 4, 2022 Hey @Agha_Waqas thanks for offering this code but unfortunately it did not work- any idea why? **also, not sure if this is important, but the word "home" (the font I'm trying to make sticky) has a code currently that makes it vertical Link to comment
Agha_Waqas Posted June 5, 2022 Share Posted June 5, 2022 did you apply my code? i did not see my code in CSS Link to comment
kaydotjpg Posted June 6, 2022 Author Share Posted June 6, 2022 @Agha_Waqas yes, it's currently the last code in my css Link to comment
Agha_Waqas Posted June 6, 2022 Share Posted June 6, 2022 @kaydotjpg opps sorry the code was wrong. please replace the span-5 to span-1. code will work Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment