JessicaBreed Posted March 25 Share Posted March 25 Hello! I am looking for some advice on creating a fixed left block/column and a scrolling right, here is an example site of what I am trying to achieve. (They have used it here for the first section) Thank you! https://alnth.com/notes Link to comment
JessicaBreed Posted March 25 Author Share Posted March 25 Here is another example - https://lina-zangers.de/imprint/ Link to comment
tuanphan Posted March 27 Share Posted March 27 I think you can add 2 sections, then share link to page, we can use CSS code to make left section sticky, and right is scroll. What do you think? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
JessicaBreed Posted March 27 Author Share Posted March 27 Thank you! Here is a link to the page. It has two sections, but I am not sure how to put them side by side. https://lauradillonrogers.com/lenore-new-2024 Link to comment
tuanphan Posted March 29 Share Posted March 29 On 3/27/2024 at 8:04 PM, JessicaBreed said: Thank you! Here is a link to the page. It has two sections, but I am not sure how to put them side by side. https://lauradillonrogers.com/lenore-new-2024 You mean white section and yellow background section? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
JessicaBreed Posted March 29 Author Share Posted March 29 Yes, with the yellow/green section being a scroll on the right, and the white section being fixed on the left (side by side) Link to comment
tuanphan Posted March 31 Share Posted March 31 On 3/29/2024 at 9:03 PM, JessicaBreed said: Yes, with the yellow/green section being a scroll on the right, and the white section being fixed on the left (side by side) You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width:768px) { [data-section-id="660417a4e7aec84c187561f6"], [data-section-id="660417a4e7aec84c187561f6"]+section { width: 50% !important; float: left !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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