CSS issue overlapping with other gateway payment

  • I’m writing to seek assistance regarding an issue I’ve encountered with the AfterPay integration on our catalog and single product pages.

    Specifically, there’s an overlap occurring between the AfterPay section and another payment gateway, making it challenging to resolve using CSS adjustments alone. Despite our efforts, the display problem persists, impacting the user experience.

    We’ve attempted to address this by inspecting elements and adjusting CSS properties. However, due to the complexity of the overlap, we’re seeking your expertise to help rectify this issue efficiently.

    Could you kindly provide guidance or specific instructions on how best to resolve this conflict between AfterPay and the other payment gateway in our catalog and single product pages? Any insights, code snippets, or recommended practices to ensure a seamless display would be immensely helpful.

    We’re committed to delivering an optimal user experience and appreciate your prompt assistance in resolving this matter.

    Thank you very much for your attention to this concern. I look forward to your guidance and support.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @seifer1975,

    Thank you for your message.

    One reason for this behaviour is the theme setting heights on each item to ensure a consistent visual look. Because the Afterpay messaging is rendered via Javascript, the theme’s Javascript doesn’t take the message height into account and can cause overlap.

    Depending on the theme, a potential workaround can be specifying additional height or margin to elements to accommodate the space needed by the Afterpay message.

    If you would like assistance in testing this solution, please submit a support request including a link to this post using the following web form: https://afterpay.formstack.com/forms/global_merchant_technical_support

    A member of the team will then reach out to you within 1 business day.

    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘CSS issue overlapping with other gateway payment’ is closed to new replies.