Mobile hero image for fundraising pages

You can set 2 different hero pictures to your fundraising pages, one to be shown on desktop, and another one to be shown on mobile browsers. 

Fundraising pages include the built-in Donate page, Partners platform, and your fundraising campaign pages.

Having a separate hero image for mobile ensures it fits properly on smaller screens, captures attention and enhances user experience, while maintaining a visually pleasing and consistent design.

To set a mobile hero, go to the desired page, and look for the Mobile Hero Image setting at the following locations:

  • Donate Page: click on Donate Page Settings > Content.

  • Partners Platform: click on Partners Platform Settings > Hero.

  • Campaign Page: click on Campaign Settings > Appearance.

For all above pages - make sure that the Hero Type is set to Image (not Pattern or Minimal).

See example below:

Note that the mobile hero will be shown on screens with a width of 780 pixels or less.

Best dimensions for hero mobile images: 800 x 1000 pixels.