Okay
  Public Ticket #1607847
Paypal Express Button
Closed

Comments

  • kyliegarner started the conversation

    Hi,

    We have Woocommerce installed with WooCommerce PayPal Express Checkout Gateway plugin.

    The Paypal Button (which is an image) appears as expected on desktop. However, on mobile and screen width below 420px, the button disappears.

    I activated the Twenty Seventeen Theme and the problem does not occur. 

    Is there any CSS within Bridge which would cause the button to disappear on Mobile?

    Thank you,

    Kylie

  •  1,282
    Qode replied

    Hi Kylie, 

    We found that you are running outdated Bridge version: 

    https://monosnap.com/file/cC4TwXU0Ihn2pTq30D2gPg1LUamp3o

    The latest version is 16.4 as you can see in our changelog: 

    http://bridge.qodeinteractive.com/change-log/

    Please create a full site backup (you probably have a backup tool included in your hosting plan) activate parent theme if you are using child theme and follow these instructions to update the theme: 

    After the theme update, follow steps from the video below to update WPBakery and other bundled plugins (if you are using child theme, activate parent theme first): 

    After the update, check the page. 

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  • kyliegarner replied

    Hi,

    Bridge and Visual Composer have now been updated, but the problem still occurs.

    I believe it may have something to do with the CSS that sets all images in the cart to "display: none;" on mobile. This then affects the Paypal button because it is an image.

    Not sure this is something I can override in the child theme? 

    Thanks,

    Kylie

  •  1,282
    Qode replied

    Hi Kylie, 

    Thanks for your feedback. 

    Please add the following CSS into Qode Options -> General -> Custom CSS field and see if it helps: 

    @media only screen and (max-width: 480px) {
    .woocommerce table.cart tbody tr td img {
        display: block;
    }
    }
    

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode