Anchor Variant Picker and Add to Cart Buttons

Store Design
,
1

Hi! I am trying to anchor the variant picker and add to cart buttons to follow as I scroll down on mobile. I am currently using the Broadcast theme. Please help!

Shopify Preview Link:

https://23bebqfto188rx2t-71781712182.shopifypreview.com

Reference (view on mobile):

https://www.aimeleondore.com/products/championship-tee

2
  1. Locate the theme.scss.liquid file under the “Assets” folder and open it.
  2. Add the following CSS code at the end of the file:
@media screen and (max-width: 767px) {
  .product__options {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .product__add-to-cart {
    position: sticky;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
  }
}
​