This guide explains questions and issues that may come up when using the Forte template.
Tip: For general help, see the Forte template guide.
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 our responsive design troubleshooting tips.
Can't change text or icon colors
In Forte, there aren't style tweaks to adjust the colors of these elements:
- Site title
- Navigation links
- Drop-down menus
- Social icons
Instead, Forte has an auto-detect feature that detects the brightness of the background and automatically sets these elements to black or white. This takes some of the guesswork out of creating the best design for your site, and helps keep your content visible over changing background images.
Can't see tagline
The tagline is hidden on smaller screens to make room for more imagery. The tagline disappears when the browser window is 800 pixels high or less. It reappears when it's 801 pixels high or more.
Header padding changes between pages
If your Gallery or Index Page images won't fit in the browser window, your site will shrink the padding to make them fit. This can make the padding look different when switching between pages.
To see the full padding, expand the browser window. It's not possible to adjust site padding.
Index navigation arrows on mobile
Navigation arrows always display on mobile, unless:
- Hide Arrows is checked.
- The Index is set to Auto Play.
- Index Transition is set to Slide.
If your navigation arrows aren't displaying, change one of those tweaks in the Index section of Site Styles.