vvc

@bangank36you are a genius! it worked, thank you! I had to add !important; after the overflow-x: visible; Does this code mean that however many spacer blocks I have don't matter anymore? THANK YOU!!!!

@bangank36 Thank you, that's what I figured. Would it be easier if we made the "background" sticky rather than the code blocks sticky? So I have this code in another section that automatically splits the screen and makes the background image 50%: section[data-section-id="5fe8fd485e66733f024138be"] { background-color:#fff; @media(min-width:767px){ .section-background{ width:50%; margin-left:50%; } .content-wrapper { width:50%; margin-right:50% !important; } } @media(max-width:767px){ display:flex; flex-direction:column; .section-background, .content-wrapper{ position:relative; } .content-wrapper{ order: 1 } .section-background{ height:200px; order: 2; } } } Thank you so much for your help!

@bangank36 Let me know if there is a layout that is easiest. I don't quite understand the code, especially .sqs-layout .row .span-2 and .sqs-layout .row .span-4 Do you mind explaining to me what they mean? Right now I have 5 overall spacer blocks spread across, and mini spacer blocks underneath the 3rd spacer blocks to make the logos smaller.

I know!! I'm sorry 😞 I was just trying to figure out what the column width would be for the code to work. But the new code is still not working, any ideas? What do I have to do in order to have the images on the left stick??

Just tried it, nothing changed! How should my spacer blocks be set up? Does that affect it?

@bangank36Do you mind helping me with a section on my site I want to make sticky? This is the section I want to make sticky, 2 images on one side, texts/small logos on other. I've tried to change the section ID and made 6 columns, but still not working. What am I doing wrong? Thank you! SITE URL: https://orb-plane-ft2t.squarespace.com/ PW: elyssa

@tuanphan Is there a way to change the size to match the icons? https://kangaroo-maracas-ggn6.squarespace.com/contact password: kamila

@tuanphan here is the link to gallery: https://kangaroo-maracas-ggn6.squarespace.com/portfolio/savage-fenty password: kamila wondering if i can have both hover caption as well as captions in lightbox? this is my current javascript code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script> <script> $('.has-background:not(:has(.sqs-video-background))').each(function() { var findImage = $(this).find('.section-background img'); var imgUrl = findImage.data('src') + '?format=2500w'; var dimensions = findImage.data('image-dimensions'); var imgWidth = dimensions.substr(0, dimensions.indexOf('x')); var imgHeight = dimensions.substr(dimensions.indexOf('x') + 1); $(this).parallax({ imageSrc: imgUrl, naturalWidth: imgWidth, naturalHeight: imgHeight, speed: .5, }) }); document.getElementsByTagName("body")[0].onresize = function() { setTimeout(function() { jQuery(window).trigger('resize').trigger('scroll') }, 100) }; </script> <style>.has-background{background-color:transparent!important}.has-background .section-background{background-color:transparent!important}.has-background .section-background img{visibility:hidden!important}main .has-background.background-width--inset{margin:4vw;padding:0!important}main .has-background.background-width--inset:not(.content-collection):not(.gallery-section) .section-background{top:0!important;right:0!important;bottom:0!important;left:0!important}.sqs-catalog .section-background img{visibility:visible!important;}.has-background .section-background .sqs-video-background img{visibility:visible!important}</style>

@brandon thank you so much for this incredible code. wondering if you or @tuanphan know if there's a way i can display the captions on hover *and* have the captions on the lightbox at the same time? i can only seem to do one or the other.

@tuanphan Just mobile / tablet versions. and Banner image!

Hi Tuan! Is there any way you can help me with 2 things? 1) hide a banner image for a specific index page 2) resize the vh of the banner image I can't seem to target the banner image. Currently, I have the code. The adding of the image is fine, but the original banner image is still there and sticks out from underneath. https://lauren-soto-wjl8.squarespace.com/ PW: hello Thank you! @tuanphan https://static1.squarespace.com/static/59074252f5e2319ca143b4c0/t/5f239323bcdb807c8a87030a/1596166951242/About+(3).png