Sticky Order Banner

The Sticky Banner uses the class "sticky-banner--sticky" to apply the sticky css styles. Currently this is set up as an A/B test, and styles for mobile only are defined.

Text Blocks

Text Blocks

ENJOY PAST EPISODES, NEVER MISS NEW ONES

With one subscription, gain access to award-winning Original Series when they first premiere, Movies, Sports, Documentaries and more.

Try It Now For Free

Text Blocks

Text Blocks

<div class="order-banner section--inner" data-context="banner">
  <div class="order-banner__inner">
        <div class="order-banner__body">
            <h2 class="order-banner__headline">ENJOY PAST EPISODES, NEVER MISS NEW ONES</h2>
            <p class="order-banner__copy">With one subscription, gain access to award-winning Original Series when they first premiere, Movies, Sports, Documentaries and more.</p>
            <a class="order-banner__button" href="#">
                Try It Now For Free
            </a>
        </div>
        <div class="order-banner__image lazyload" data-bgset="https://www.sho.com/site/image-bin/images/0_0_0/0_0_0_prm-hplockupbanner3_454x196.png"></div>
  </div>
</div>