The content associated with a fixed item does not scroll

Question

The content associated with a fixed item does not scroll

Dear Ovelka Stacks,

See the following page:

https://dogcollars-3.myshopify.com/products/short-sleeve-t-shirt

I am trying to fix the position of the field "Order Information" so that it remains in a prominent place and the content behind it scrolls. This is a special Shopify theme. I applied the following extra CSS:

@media only screen and (min-width: 1000px) {

  .product-single {
    width: 70%;
    height: auto;
    position: relative;
  }

  .order-details {
    width: 300px;
    height: auto;
    padding: 10px;
    top: 50px;
    left: 70%;
    background: rgba(255,255,0,0.2);
    position: fixed;  
  } 
}