HomePage Forums Themeforest Organey – Organic Food WooCommerce WordPress Theme Slider Revolution issues recently appearing

Tagged: 

Viewing 2 posts - 16 through 17 (of 17 total)
  • Author
    Posts
  • #6999
    Avatarredlabelstudio
    Support Expired

    My web developer was able to find the issue is due to the Apple Pay element being hidden. He added the following custom CSS:

    #wcpay-payment-request-wrapper {
    width: 30%;
    padding: 0px !important;
    }

    #wcpay-payment-request-button-separator {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 1em !important;
    }

    However, when viewing the website on mobile or other narrow screens, the elements stack strangely. Do you know how he might be able to stack the elements nicely, or have the items change their dimension in relation to the size of the scree it is being viewing at so that it appears nicely?

    Here is a screenshot showing what I mean:

    Clean-Shot-2022-08-05-at-17-26-42-2x

    You can see that the “Add to Cart” button appears below the “Apple Pay” button.

    #7003

    Please add this custom CSS to the file style.css:

    @media only screen and (max-width: 768px) {
     #wcpay-payment-request-wrapper {
      width: 100%;
     }
    }
    • This reply was modified 1 day, 22 hours ago by SupporterSupporter.
Viewing 2 posts - 16 through 17 (of 17 total)

You must be logged in to reply to this topic.