PayPal buttons work on desktop but not mobile

  • Resolved wp-user-US

    (@wp-user-us)


    9 years, 1 month ago

    Hi everyone,

    This issue appears on my WordPress page
    and the test page I set up after that

    While testing the first page in Chrome and Safari, I notice that my PayPal buttons (towards the bottom) work on a computer, but not on mobile devices. Mobile devices display the PayPal buttons, but tapping them does nothing.

    I set up the second page as a test, where I made a bunch of PayPal buttons each using different methods and PayPal button plugins. One of them uses the method detailed in this WordPress PayPal tutorial. All of these buttons work from a computer in Chrome and Safari from what I can tell, but not on mobile devices.

    Any idea where I should focus troubleshooting?

    For any Firefox users, please let me know if you notice anything.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter wp-user-US

    (@wp-user-us)

    Curious, am I the only one to run into this issue, or is this a known issue?

    I’m still Googling for any clues, and at this point I’m throwing anything into my css editors for anything that may stick. I don’t understand why the PayPal buttons work fine on a computer but not mobile devices.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      @media screen and (max-width: 992px) {
    #secondary {
        clear: both;
    }
}
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter wp-user-US

    (@wp-user-us)

    That did it!

    Andrew, you have no idea how much you just helped me out. Thank you.

    What did this code do? I’m not familiar with #secondary in this context.

    Clicking on the buttons in mobile now sends the user to a new tab or window, rather than in the same tab/window, but at this point I’m just elated that it sends the user somewhere.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Maybe contact your theme author to discuss bugs with the theme; https://bavotasan.com/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry cross posted

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What did this code do? I’m not familiar with #secondary in this context.

    Something in your theme’s layout is causing the sidebar (in the code the sidebar is <div id="secondary"> [...]) to overlap the content. This could have happened if something other than your paypal buttons was in your sidebar. It’s not a paypal specific issue.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘PayPal buttons work on desktop but not mobile’ is closed to new replies.