Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 1, 2021 at 9:22 pm #1276924
    rivetdesigns

    I’m using the stripe payment system in woocommerce along with the enfold theme. It is working fine and the fields show up fine on the desktop but when it is viewed on mobile the fields are really small, it isn’t adapting correctly. I contacted stripe and they said it is happening due to the theme. Do you have any suggestions?

    • This topic was modified 3 years, 11 months ago by rivetdesigns.
    February 3, 2021 at 7:28 am #1277254
    Rikard

    Hey rivetdesigns,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#top #payment div.payment_box {
    width: 100%;
    padding: 0;
}
}

    Best regards,
    Rikard

    February 3, 2021 at 7:50 pm #1277442
    rivetdesigns

    Hey thank you for your quick reply, that worked! I have one more question along the same lines. I am using a plugin called “Product Delivery Date Pro” and on the product detail pages on mobile the calendar is getting cut off. Do you have any quick css for that? I put one of the detail pages below.

    February 5, 2021 at 6:03 am #1277841
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.single-product .single_variation_wrap {
    margin: 10px 0px 20px 15px;
}
}

    Best regards,
    Rikard

    February 5, 2021 at 7:49 pm #1278169
    rivetdesigns

    Awesome thank you so much! That worked!

    February 6, 2021 at 3:41 pm #1278290
    Nikko

    Hi rivetdesigns,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Stripe on Mobile’ is closed to new replies.