Sticky Bundle Summary

If you'd like your bundle summary to follow the page as you scroll, there's an easy solution here!

• Head over to Apps > Bundable
• Click on Edit beside the bundle you'd like to apply this to.
• Scroll all the way down to Edit Display Settings.
• In the Custom CSS section, paste in the below code (adjust max-height as necessary based on your design):

@media only screen and (min-width: 992px) {
.sticky-parent-container {
height: calc(100vh - 200px);  /* Assuming the footer height is 200px, adjust accordingly */
position: relative;
}
.bdlr___summary-items--container {
    position: sticky;
    top: 150px;  /* or adjust to start from a different position */
    background-color: #FFF;
    padding-right: 20px;
    max-height: calc(100vh - 200px);  /* Adjust the height based on viewport and footer height */
    overflow-y: auto;
    z-index: 1111111;
}
}

Make sure to Save Display Settings and Save Changes on the bundle once you're done.