Okay
  Public Ticket #1172288
Mobile Checkout Form
Closed

Comments

  •  1
    Dean started the conversation
    May 16, 2017 at 8:07am

    Hey team, 

    The theme continues to get stronger. The Strongest out there. 

    Small issue with the checkout form styling on mobile. Right padding appears a little larger than the left. Then down the bottom Stripe stacks poorly. This may be fixed with the above or require a little more tweaking. 

    Please help.

  •  9,558
    Tahir replied
    May 16, 2017 at 1:56pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .checkout .woocommerce-billing-fields {
        padding-right: 0px !important;
    }
    label[for="stripe-card-cvc"] {
        min-height: 68px !important;
    }
}

    Thanks

     Salient Support Team