Mobile App View to large to use add to cart

[trendycustomapp]

I have been told that when you use the mobile app view you can't see the add to cart button. I have screen shots #1 shows the add to cart button is way to far over to the right, this only happens on any of the items I have custom fields on. #2 shows that the add to cart button is on the item correctly. I added and app called Ez Product & Options & Variants, I have been working to get this fixed. Can anyone help me fix this issue, it is causing sale losses daily. The help would be much appreciated 

[BSSCommerce-HDL · Accepted solution]

Hi @trendycustomapp ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (max-width: 767px) {
  .product-form__actions .flex { 
        display: inline-flex !important;
  }
}

button.sf__btn.sf__btn-secondary {
  color: #d38c05 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍😍

[trendycustomapp]

Oh my it worked!!! Thank you so much you just made my day 😁