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 both mobile and desktop.
For more help, visit Troubleshooting cropping issues.
How to I recreate the Registry page?
How to I recreate the RSVP page?
How do I recreate the Tour page?
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: