Fundraising Page - Banner

The Banner section of the Crowdfunding and Peer-to-Peer Fundraising Fundraising Page controls the look of the banner along the top of the Fundraising Page. Here you can change the logo, the options for a donation button in the banner, the text and if you want fundraiser and team pages to be personalized.

This section is part of the design of the Fundraising Page in a Crowdfunding and Peer-to-Peer Fundraising activity. To work on the overall design of the Fundraising page, click here.

Banner Section

Banner Logo

If you have already set up the Brand Logo in the Logo & Branding Section, then this is already complete. It is the same thing, just in a different section since many users of MobileCause have looked for the logo settings in both sections.

Note: if you change the logo from the Banner Logo section, it will override the Brand logo completely, so if you later need to change the Logo, make sure you do it from Banner Logo or it will appear like it doesn't work.

If you have not set up the Logo, you can do it here by:

  1. Clicking Edit content
  2. Click Update
    • Browse your computer for the appropriate logo
    • Select it and click Open.
  3. Click Save

Banner Logo Edit

When you click Save, it will ask if you wish to crop the image or use the original. Crop anything you do not wish and click Crop and Save, or if the image is fine, click Use Original.

Banner. Logo -Crop Image



  • This logo will appear in the banner. It starts by bringing in the Campaign Logo, but can be changed here.
If you do not want a logo in the Banner, you can also use the Show/Hide switch to remove it.
  • For best results, the Logo should look good at 86 pixels tall (height), and 500 pixels or less wide. For more information on Image Sizes, click here.
  • It is recommended to use an image that has a transparent background so it blends into the banner making it look more like it is part of the page rather than "tacked on."
    Brand Logo Mobile Example BeforeBrand Logo Mobile Example After

  • Brand Logo Desk Example Before
    Brand Logo Desk Example After

Banner Donation Button

The Banner Donation Button only appears when the Donate button (which is set up in the Buttons section) disappears from the screen. This will occur as your supporters browse the Fundraising page and scroll through teams, fundraisers and more.

Banner. DonateButton. - DesktopView

Banner Donate Button - Mobile View

Note: if your logo is "too wide," then on the Mobile view of the Fundraising Page, the Banner text will be "pushed off" the side of the screen. and the Banner Donation Button will sat "Donate or" because it is expecting to show the Banner Text.
Banner Donate Button - Mobile View with Banner TextIf you do not see the Banner text, so you just see the "Donate or" you can resize the Banner Logo or just turn off Banner Text.

Banner Text

The Banner Text, by default will show the Keyword and Shortcode to reach the activity. This is essentially to get the Keyword into the minds of your supporters so when they speak to others about your Crowdfunding and Peer-to-Peer Fundraising activity, they can quickly remember a way to reach you.

You can change what will be displayed by clicking Edit Content. It is a single line of text that will appear.

Note: If your keyword is anywhere in the Banner Text, then the subtext of "Msg & data rates may apply" will be added to the text.

Banner Text Edit

Changing this text will only change it on the main Fundraising Page. The Banner text that appears on each Team and Fundraiser Page will always show the "Text [KEYWORD] to [Shortcode]" even if you change it.

You can also use the Show/Hide switch to turn off the Banner Text. Using the Show/Hide switch will remove all the Banner Text, include that found on Fundraiser and Team pages.

Note: if your logo is "too wide," then on the Mobile view of the Fundraising Page, the text will be "pushed off" the side of the screen.

There is no single size to determine how wide a logo is to become too wide, because it also depends on the length of the text you use, and the width of the phone's screen. If you leave the text alone and you have a longer Keyword, then you will need a smaller image to include both text and the logo in the mobile banner.

Starting with an image at is 120px or less would probably be a good starting point to determine if you can have both or not.

Personalization Banner

The Personalization Banner is not part of the main Banner. It appears directly below the main banner in the white space at the top of your page.

If you want the image to appear for your volunteer fundraisers and/or your teams on their page, then leave the Personalization Banner in the Show position. If you disable it by hiding it, then the images they add will only appear on the Team and Fundraiser tabs - not on their actual pages.

Personalized Banner - Desktop Display

Fundraiser Page Desktop - Personalization On
  • Fundraiser/Team Image appears in the top left and overlaps the top of the Media Carousel
  • The Fundraiser's name will appear in Bold using the Accent color, set in Logo & Branding
  • The word "Fundraiser" will appear after their name in grey.
  • Below the Media Carousel, in the Impact Tab, their text that they set on their page will appear, replacing the Main Text from the main Fundraising Page.

Personalized Banner - Mobile Display

Fundraiser. Page Mobile -Personalization On
  • Fundraiser/Team Image appears in the top left
  • The Fundraiser's name will appear in Bold using the Accent color, set in Logo & Branding
  • The word "Fundraiser" will appear above their name in grey.
  • Their text that they set on their page will appear below the media carousel and the buttons. It will be by itself above the Tab Sections
  • The Impact Tab will not appear on the Mobile Display with Personalization enabled.
    Fundraiser Page Mobile. - PersonalizationOn - Bottom of Page
  • It will provide a "Read More" button.

Non-Personalized Banner - Desktop Display

Fundraiser Page Desktop - Personalization Off
  • Fundraiser/Team Image does not appear on their page. It will only appear on the Team or Fundraiser Tab on the main Fundraising Page or the Fundraiser Tab on the Team pages.
  • The Fundraiser's name will only appear in the breadcrumb at the top of the page.
  • Their text that they set on their page will appear below the media carousel in the Impact tab.

Non-Personalized Banner - Mobile Display

Fundraiser Page Mobile - Personalization Off
  • Fundraiser/Team Image does not appear on their page. It will only appear on the Team or Fundraiser Tab on the main Fundraising Page or the Fundraiser Tab on the Team pages.
  • The Fundraiser's name will only appear in the breadcrumb at the top of the page.
  • Their text that they set on their page will appear below the media carousel and the buttons. It will be by itself above the Tab Sections
  • The Impact Tab will not appear on the Mobile Display.
  • It will provide a "Read More" button.