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.