ShuiFeng

I found the offending code. In some font code I had .product-price, .product-price * as my target and it of course targeted all the prices... so I split the code into two sections, one targeting  .ProductItem-relatedProducts .product-price and the other targeting .ProductItem-details .product-price. 
Offending Code: 
/*Related Products Price font size*/ product-price, .product-price * { font-size: 20px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; } /*Related Products Price font size*/  
Working Code: 
/*Related Products Price font size*/ .ProductItem-relatedProducts .product-price { font-size: 20px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; } /*Related Products Price font size*/ /*Product Page Price font settings*/ .ProductItem-details .product-price { font-size: 26px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; } /*Product Page Price font settings*/  
For Mobile:
/*Related Products Price font size MOBILE*/ @media only screen and (max-width: 768px){ .ProductItem-relatedProducts .product-price { font-size: 14px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; }} /*Related Products Price font size MOBILE*/  

@creedon Thanks so much for your input - I was able to get the .png working but if I have issues with the .png image quality I'm going to try your route with the .svg. Thanks for creating that resource - 

The cart page is generated automatically - there isn't a page you can edit. To do this easily (without requiring Javascript to manually create the elements and add them to the cart page when it appears) you'll probably want to add the icons to your site footer, and then hide the icons on other pages using CSS. 
Did this help? Please give feedback by clicking an icon below  ⬇️

I found it. I had this code in my Custom CSS regarding medium buttons. Commented out width: 165px so I could still keep a minimum button size and the issue is resolved. 
.sqs-block-button .sqs-block-button-element--medium { width: 165px !important; min-width: 155px !important; }  

Hi @ShuiFeng, you should be able to do this without code. In Fluid Engine, you control the design on mobile separately to on desktop, so if you edit the page, then click on the mobile icon (top-right of screen), scroll down to the section and drag the scroll-block width to the left edge and then right edge, and it should now appear scrolling edge-to-edge on mobile.
Please let me know if this worked, and upvote if this was helpful!

Use this code
div#block-4e99c0967d668fded5ad .image-inset { box-shadow: unset; }  

I found the offending code. In some font code I had .product-price, .product-price * as my target and it of course targeted all the prices... so I split the code into two sections, one targeting  .ProductItem-relatedProducts .product-price and the other targeting .ProductItem-details .product-price. 
Offending Code: 
/*Related Products Price font size*/ product-price, .product-price * { font-size: 20px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; } /*Related Products Price font size*/  
Working Code: 
/*Related Products Price font size*/ .ProductItem-relatedProducts .product-price { font-size: 20px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; } /*Related Products Price font size*/ /*Product Page Price font settings*/ .ProductItem-details .product-price { font-size: 26px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; } /*Product Page Price font settings*/  
For Mobile:
/*Related Products Price font size MOBILE*/ @media only screen and (max-width: 768px){ .ProductItem-relatedProducts .product-price { font-size: 14px !important; font-family: 'Kepler Std' !important; font-weight: 400 !important; color: #000 !important; }} /*Related Products Price font size MOBILE*/  

Add to Design > Custom CSS
@media screen and (max-width:767px) { .ProductItem-details-checkout .sqs-add-to-cart-button-wrapper, .ProductItem-details-checkout .sqs-add-to-cart-button-wrapper div { width: 100% !important; } }  

Ahh, I found it! It's considered the title field, not the description field like I thought. Thanks Tuan!
/* Related Products Titles */
.ProductItem-relatedProducts .grid-title {
    font-size: 1.6rem;
    color: #000 !important;
}
/* Related Products Titles */