Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Troubleshooting Aviator

This guide explains questions and issues that may come up when using templates in the Aviator family (Aubrey, Aviator, Encore).

Tip: For general help, see the Aviator template guide.

Background image isn't displaying on mobile

Check Mobile background image in the Mobile styles section of site styles. Your background image will now display on mobile devices.

On mobile, the header, content background, and footer colors cover the background image on all pages except the info page. Set any of their tweaks to transparent in the Colors section to reveal the image background behind the content.

Tip: This also affects your site on computers.

Background image isn't fixed on mobile

Many mobile browsers, including iOS, don't support fixed background images. To achieve a similar effect, experiment with the Size: cover and Size: contain background image style options. Note that background image style settings apply to your site on both mobile and computers.

For more help, visit Troubleshooting cropping issues.

How to I recreate the registry page?

The registry links in the Aubrey demo content use a layout page and a grid gallery block, which has images with clickthrough URLs.

How to I recreate the RSVP page?

The RSVP form in the Aubrey demo content uses a layout page and a form block.

How do I recreate the tour page?

The tour page in the Encore demo content uses a layout page and a Bandsintown block.

Info page content is pushed down on the page

If the content area is taller than the browser window, it automatically shifts to a lower relative position so that the info page is able to scroll. On smaller screens and browser windows, there may be a space before the content area.

To resolve this, try decreasing the height of the main content box. This helps it fit in any size browser window, to avoid scrolling and keep your full design "above the fold."

There are several ways to shorten the content area:

  • Use Info page content width in the Info page styles section of site styles to widen the content area.
  • Use the tweaks in that section to decrease the size of the displayed content, such as font size or logo size.
  • Shorten the text in the content area.
Was this article helpful?
1 out of 14 found this helpful
Troubleshooting Aviator