Mobile App View to large to use add to cart
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
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 😍😍
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 😍😍
