Viewing 12 replies - 1 through 12 (of 12 total)
  • Saif

    (@babylon1999)

    Hello @wisel,

    Thank you for reaching out!

    The line is for the Apple Pay button, it should look like this but it seems like there’s a conflict with your theme.


    Link to image: https://d.pr/i/OmB8EC

    Can you please navigate to WooCommerce → Settings → Payments → WooPayment and see if Express checkout options are enabled in the first place?


    Link to image: https://d.pr/i/4XWOOw


    Look forward to hearing back from you.

    Thread Starter Patrik Häcki

    (@wisel)

    Hello Saif

    Thank you for your reply.

    Yes, express checkout options are enabled.

    Howdy @wisel

    Yes, express checkout options are enabled.

    Thank you for clarifying that.

    Could you also try with temporarily activating the Storefront theme, and see if the issue persists, or otherwise, please?

    Let us know how that goes, cheers!

    Thread Starter Patrik Häcki

    (@wisel)

    Hello Pepe

    I have temporarily activated the storefront theme. The problem still persists.

    Plugin Support Shameem – a11n

    (@shameemreza)

    Hi @wisel

    To resolve the layout issues on your website, you can try using custom CSS to hide the “- OR -“. If you share your live website URL with us, we’d be more than happy to assist you in writing the CSS to hide it.

    We appreciate your patience and look forward to resolving this issue for you.

    Thanks!

    Thread Starter Patrik Häcki

    (@wisel)

    Hello Shameem

    Please send me the CSS. I prefer not to give strangers access to my system. Thank you for your understanding.

    Hi @wisel ,

    Kindy note that we would like to have a look at the site in question (the site URL is all that is required) in order to help provide the CSS to hide this.

    To clarify, we will never ask for access to your sites admin or its credentials, and we ask that you never share these.

    In the meantime, can you see if adding the following custom CSS to Appearance → Customize → Additional CSS does the trick:

    /*  Hide -OR- text  */
    #wc-stripe-payment-request-button-separator {
        display: none;
    }

    Cheers!

    Thread Starter Patrik Häcki

    (@wisel)

    Hello Roxy S.

    Thank you for the CSS code.

    It did not work. The -OR- text is still visible on Safari for Mac and iOS.

    Website URL: https://www.nxtlvlete.com/shop/

    Screenshots:

    https://cloud.firestorm.ch/index.php/s/FBg6Fyi7me5as3s

    https://cloud.firestorm.ch/index.php/s/ks9qtrq4FAnXpcN

    Plugin Support Shameem – a11n

    (@shameemreza)

    Hello @wisel

    It seems that you might have disabled the plugin, adjusted the Apple Pay settings, or possibly hidden it using CSS. I’ve checked your website and can’t find any -OR- text on the single product page.

    Alternatively, you can also reach out directly to the Elessi theme developer. They’re capable of helping you resolve this issue too.

    Thanks!

    Thread Starter Patrik Häcki

    (@wisel)

    Hello

    No, I did NOT disable the plugin, adjust the Apple Pay settings or possibly hide it with CSS!!!!

    The -OR- text is still there!!! See screenshot just taken.

    Screenshot:

    https://cloud.firestorm.ch/index.php/s/D6TLPgiAMTpFTfK

    Hi @wisel ,

    Thanks for clarifying, this sounds super frustrating!

    I went ahead and checked your site and I am also unable to replicate this on an iOS device (iPhone or Safari on Mac), as the -OR- is not visible on my end when visiting your site.

    Additionally, I am unable to reproduce this issue on my test site which uses the latest version of WooCommerce core, and the default Storefront theme, as everything displays as expected.

    Since we are unable to replicate this on our end, can you try clearing your browser cache and see if this makes any difference?

    Also, I understand that temporarily switching to the default Storefront theme made no difference, however can you try performing a full conflict test to see if this resolves the issue.

    You can read more on how to do this here:

    Cheers!

    Hi there,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if you need any further help with this.

    Cheers!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘WooPayments causes wrong display in Safari browser’ is closed to new replies.