The Sponsors screen appears in the tournament menu when the tournament’s plan includes the sponsor feature. Adding and editing sponsors and changing area settings require permission to manage the tournament; other tournament users can only view the list.
Top Banner and Bottom Panel tabs
- Below the screen title there are two management tabs: “Top Banner” and “Bottom Panel”. Each tab has only that area’s settings, “+ Add sponsor” and a single sponsor list.
- The sponsor record is shared: name, website, order, logo and Active / Inactive status are the same in both areas. Images, the visitor sections they appear in and the rotation interval belong to each area; saving or removing one area’s image does not touch the other area.
- If you try to switch tabs with unsaved changes, the screen asks for confirmation: “Stay on this tab” or “Discard changes and switch”.
- “+ Add sponsor” offers two options: “New sponsor” adds the shared details together with this area’s image; “Use an existing sponsor” adds only an image to a sponsor that has none in this area, without creating a new record.
- Each card shows one status: “Image ready” (an image is assigned to this area), “No image” or “Inactive”. “Image ready” does not mean visitors see it: the sponsor must be active and the section the visitor opens must be selected in the area’s settings. The counter on the settings card counts active sponsors with a ready image (at most 8 per area).
Where do they appear on the visitor page?
- Top banner: shown full width below the tournament card and above the sections (Live, Fixtures, Standings …). The area has a fixed ratio (1100:192): at most 1100 × 192 pixels on desktops, scaled down at the same ratio on narrower screens. The image fills the area without gaps; an image with a different ratio is shown from its centre, with its sides or its top and bottom cropped.
- Bottom panel: starts open at the bottom of the page. If the visitor minimizes it, it shrinks to a single row and opens again when tapped; it stays minimized while moving between the tournament’s sections and match details, and also when the page is reloaded. After leaving the tournament and coming back it starts open again; briefly sending the app to the background and returning is not leaving.
- The bottom panel takes at most half of the screen: it shows a title and a single row of images (1 on phones, 2–3 on tablets, 4 on desktops). With more images it scrolls sideways; if all images fit it does not move by itself.
- In some browsers (for example Safari on iPhone and Firefox), leaving the tournament with the address bar or the browser’s Back button and returning the same way may keep a minimized panel minimized; after leaving through a link on the page, the panel starts open when you return.
Logo, area images and sponsor name are used in different places
- The top banner image is shown in the top banner and the panel image in the bottom panel.
- Logo: kept with the sponsor record; today it is not shown separately on the public page or on the match management screens. A logo is not turned into a banner or a panel image; a sponsor without a panel image does not appear in the bottom panel (the logo is not used instead).
- Sponsor name: used in PDF exports.
The visitor page has no separate logo strip. A sponsor without an image in an area does not appear in that area; its record and logo are not deleted. A deactivated sponsor is not shown anywhere.
How should the images be prepared?
- Desktop banner: recommended size 2200 × 384 pixels (1100:192 ratio). Another size at the same ratio also works; if the part that fills the area is narrower than 1100 pixels, the image is enlarged and may look blurry. At least 600 × 120 pixels; at most 5 MB.
- Phone banner (optional): fills the same 1100:192 area on phones; recommended size 1100 × 192 pixels; at least 480 × 160 pixels; at most 5 MB. It is shown on phones (screens 470 pixels wide or narrower); a phone banner needs a desktop banner first, and removing the desktop banner also removes the phone one. Without a phone banner, phones show the desktop banner scaled down; small text may become hard to read.
- Banners uploaded earlier with a different ratio (for example 6:1, 5:1 or a 3:1 phone banner) do not need to be uploaded again, but they are shown cropped from their centre to fill the area; on a 3:1 phone banner about half of the top and bottom is not visible. To choose the cropped part yourself, choose the file again and adjust the framing.
- Panel image: shown in a 2:1 tile; recommended size 1200 × 600 pixels, at least 480 × 240 pixels, at most 3 MB. Images with a different ratio are accepted too; they fit inside the tile without cropping.
- JPG, PNG or WebP. Transparency in PNG / WebP images is kept.
- Keep text and logos away from the edges. In the top banner a small image is enlarged to fill the area (it may look blurry); a panel image is not enlarged and is shown at its own size.
When you choose a file, the screen previews how the image will look. The top banner preview is the same as the area on the visitor page; if the image’s ratio does not fit the area, the screen also shows the whole image and darkens the part that will be cropped. In the panel preview the hatched part is empty space. The screen warns you if the size is smaller than recommended or the ratio does not fit the area. A file below the minimum size, in an unsupported format or larger than the limit is not saved; the previous image stays as it was. Visitors who tap the image go to the sponsor’s website in a new tab; if the website is empty, the image has no link.
The whole image or your own framing
- By default the whole image is saved and it is never stretched. In the bottom panel the image is not cropped; if its ratio does not match the tile, space is left at the edges. In the top banner the area is filled without gaps: an image whose ratio does not match the area is shown from its centre, and the part darkened in the preview is not visible on the visitor page.
- When you choose an image, “Adjust framing” lets you choose the area’s frame yourself if you wish (1100:192 in the top banner, 2:1 in the panel); the visitor page shows the framing you approved: the frame is fixed; you move the image by dragging and zoom with two fingers, the slider or the + / − buttons; “Reset” returns to the widest centred framing. The arrow keys, + / − and 0 also work.
- “Use this view” puts the framing into the form; the change is saved with the card’s “Save” button. Before saving you can drop the framing with “Whole image”. “Cancel” changes nothing.
- The saved image is the area’s final version; no editable copy of the original file you uploaded is kept. To change the framing of a saved image, choose the file (the same or a new one) again and adjust the framing again; below a saved image the screen says “Change it by choosing the file again.”
- The framings of the desktop banner, phone banner and panel image are independent of each other.
- If the image is too small to frame, “Adjust framing” is not shown; the image is shown as in the preview. There is no rotation, filter, text or drawing.
More than one image and limits
The top banner and the bottom panel can each hold at most 8 active sponsor images. While the limit is reached, adding a new image or activating a sponsor that has an image in that area is refused and the screen explains why; no sponsor is hidden silently. First remove another sponsor’s image in that area or deactivate that sponsor.
With more than one image, they move automatically in sort order; visitors can also move between them with a finger, a trackpad or by dragging with the mouse, and finishing a drag does not open the sponsor’s site. Movement waits while the mouse is over the images, while keyboard focus is in the area, during a drag and while the page is in the background; for visitors whose device has reduced motion turned on, images do not move by themselves. The bottom panel has a pause / resume button with which visitors can stop automatic movement permanently; the panel does not move while it is minimized, while a window or menu is open or while an update notice is shown. The top banner has no pause button.
Area settings
- On each area’s settings card you choose which visitor sections show that area. If you have never saved the setting, the area is shown in every section visible in the tournament; if you save with no section selected, it is shown nowhere (images are not deleted).
- A section whose name has a dotted underline is not currently visible in the tournament; selecting it does not open it, and your choice applies once it becomes visible. A match detail page follows Live for a live match and Fixtures for other matches.
- The rotation interval is separate for each area: a whole number between 3 and 15 seconds; the default is 5 seconds.
- You can write an optional title for the bottom panel (for example “… with the support of”; at most 80 characters). If left empty, it reads “Sponsors”.
- Saving the settings changes only that area’s section selection and interval (and the panel title); sponsor cards and the other area are not affected.
If two managers edit the same sponsor at the same time, the screen of the one who saves later does not silently erase the other’s image or detail change: it says the change was not saved, and you reload the page and try again. The “Made with TurnuvaGo” line at the very bottom of the page is not part of the sponsor areas; if your plan allows it, it can be removed on the Tournament Identity card under Tournament Settings › Publishing & Appearance.