{"id":19026356,"date":"2026-09-22T14:21:50","date_gmt":"2026-09-22T14:21:50","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/multi-step-donation-receipt-overflows-on-mobile\/"},"modified":"2026-09-22T14:21:50","modified_gmt":"2026-09-22T14:21:50","slug":"multi-step-donation-receipt-overflows-on-mobile","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/multi-step-donation-receipt-overflows-on-mobile\/","title":{"rendered":"Multi-Step donation receipt overflows on mobile"},"content":{"rendered":"\n

Hi GiveWP team,<\/p>\n\n\n\n

I’m running into a layout bug on the donation confirmation receipt for a Multi-Step form, and I’ve done a fair amount of diagnostic work already that I’m hoping will help you pinpoint it faster.<\/p>\n\n\n\n

Site: https:\/\/stg-confelicity.break17dev.co.uk (staging)
Theme: Hello Elementor Child
Form: Multi-Step template (Form ID 48)<\/p>\n\n\n\n

ISSUE:
On real mobile devices (confirmed on Chrome & iOS Safari), the donation confirmation receipt overflows the screen width. The heading, description text, and donor email address run off the right edge and the whole card renders at a fixed ~980px width rather than adapting to the actual viewport. This happens both when the receipt is shown as a popup over the campaign page, and when navigating directly to the isolated route:
https:\/\/stg-confelicity.break17dev.co.uk\/?givewp-route=donation-confirmation-receipt-view&receipt-id=[id]<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

WHAT I’VE RULED OUT:<\/p>\n\n\n\n

    \n
  1. Caching \u2014 confirmed via Network response headers on the receipt route: Cache-Control: no-cache, must-revalidate, max-age=0, no-store, private. No CDN or edge cache headers present (no cf-cache-status, x-cache, etc.). I also fully deactivated my page cache plugin (Breeze) and the issue persisted.<\/li>\n\n\n\n
  2. Viewport meta tag \u2014 confirmed via Safari Web Inspector on a real device that no tag is present in this route’s at all.<\/li>\n\n\n\n
  3. Standard CSS customization methods \u2014 none of the following reach this route:<\/li>\n<\/ol>\n\n\n\n
      \n
    • GiveWP’s Advanced Settings > Donation Forms > Custom Styles field<\/li>\n\n\n\n
    • The form’s own per-form Custom CSS field (Design tab)<\/li>\n\n\n\n
    • Elementor Site Settings Custom CSS<\/li>\n\n\n\n
    • A functions.php snippet using wp_add_inline_style() targeting both ‘give-sequoia-template-css’ and ‘givewp-form-design-multi-step’ handles, hooked to wp_print_styles<\/li>\n<\/ul>\n\n\n\n

      MOST IMPORTANT FINDING:
      I added a literal visible marker (a large red tag) via wp_footer, wp_head, and wp_print_styles hooks in functions.php, scoped to fire whenever $_GET[‘givewp-route’] is set. None of the three hooks ever produced visible output on this route \u2014 the marker never appeared on the page. This suggests the isolated confirmation-receipt route bypasses WordPress’s standard wp_head\/wp_print_styles\/wp_footer action sequence entirely, which would explain why every documented CSS customization method (including your own snippet library examples) fails to reach it.<\/p>\n\n\n\n

      Could you let me know:<\/p>\n\n\n\n

        \n
      • Whether this is a known issue with this route\/version<\/li>\n\n\n\n
      • What the correct hook or method is for injecting custom CSS into this specific isolated route, if one exists<\/li>\n\n\n\n
      • Or whether this is a bug that needs a fix on your end<\/li>\n<\/ul>\n\n\n\n

        Happy to provide GiveWP version, full system info export, or temporary access to the staging site if that helps.<\/p>\n\n\n\n

        Thanks,
        Grant<\/p>\n","protected":false},"template":"","class_list":["post-19026356","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19026356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19026356\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19026356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}