Cart: Push footer to bottom when using Page cart type

To push the footer down towards the bottom of the screen when using the Page cart type, you can use this modification. 

Example:

Most noticeable when the cart is empty on only has one item and a large display. 

Example after modification:

Code for modification:

/* -- code start for cart footer to bottom of page -- */
#your-shopping-cart #shopify-section-footer {
  position: fixed;
  bottom: 0; 
  width:100%;
}
/* - end - */

To push the footer on other portions of your site, this alternative code will apply to the account login page, search, Shopify pages, collection pages as well as the cart page:

/* -- code start for footer to bottom of page -- */
#account #shopify-section-footer,
#search #shopify-section-footer, 
.template-page #shopify-section-footer, 
#your-shopping-cart #shopify-section-footer {
  position: fixed;
  bottom: 0; 
  width:100%;
}
/* - end - */

Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code

Still need help? Contact Us Contact Us