Thank you for responding. It was not an updating issue. After much digging I removed the word "only" from the @media code and things are now working. In case anyone else needs this here is the process that I used.
I am using 7.1, but for this page, I clicked on the "Looking for sections built with our classic editor" then selected image. I placed my image into the image block with the entire image length visible. I used "Find Squarespace Ids" to to find the block# then I used this code.
//----Image with Vertical Scroll
#block-245de0e6717df7e66b72
{
max-width: 100%;
padding: 0px;
height: 700px;
overflow-y: scroll;
border: 1px solid #ddd;
@media screen and (max-width: 640px) {max-width: 100%!important;
margin: 30px!important;
padding: 0px!important;
height: 500px!important;
}
}
//----Customize Scrollbar Track Color
#block-245de0e6717df7e66b72::-webkit-scrollbar {
width: 8px;
}
//----Customize Scrollbar Track Color
#block-245de0e6717df7e66b72::-webkit-scrollbar-track {
background: #f4f4f4;
border-left:1px solid #ddd
}
//----Customize Scrollbar Thumb Color
#block-245de0e6717df7e66b72::-webkit-scrollbar-thumb {
background-color: #3E5577;
border-radius: 1rem;
}
