Pacific, Bryler, Charlotte, Fulton, Horizon, and Naomi share the same underlying structure and functionality. This guide applies to all these templates.
This guide will explain some of the most common issues that may come up when using the Pacific, Bryler, Charlotte, Fulton, Horizon, and Naomi templates.
The navigation links are missing
First, confirm the pages you want in your navigation are in the Main Navigation section of the Pages panel.
Then, from the Home Menu click Design, then Site Styles. Scroll down to the Site Navigation section and try these troubleshooting tips:
- If an Index Page is set as the homepage, confirm that Expand Homepage Index Links is checked.
- If the navigation is displaying as a menu icon in the top-left corner, uncheck Always Use Overlay Nav.
- Check the Link Color tweak isn’t transparent.
Gallery Pages don't create links in the navigation. As an alternative, add a Layout Page section to the Index right before the Gallery Page to introduce it.
For more help, visit the Main Navigation section of the Structure and style guide.
My Main Navigation menu displays behind my site title
This can happen when you first uncheck the Expand Homepage Index Links in Site Styles. Save the changes, and refresh the page. The navigation will appear below your site title.
A navigation icon displays instead of Main Navigation links
To disable this feature, uncheck Always Use Overlay Nav in the Site Navigation section of Site Styles. The navigation will display as text again.
On certain touchscreen computers, such as mobile devices, this button always appears for the best user experience, even if you've disabled it. This is part of the template’s design.
My site title resizes after loading
This occurs when the site title is too large to fit in its container. To fix this issue:
- Click the Site Title Font tweak in the Site Header section of Site Styles to ensure the font size is 72 pixels or smaller.
- Use the Site Title Container Width tweak to adjust the container size to fit the site title.
For the best design, limit the size of your site title to 72 pixels or less. Anything larger that that will cause distortion in the site title, no matter how wide its container is.
My Index Page has alternating background colors
Two or more sections without banner images in an Index Page can feature alternating background colors. You can disable this feature with the Section Separator tweak in the Index section of Site Styles.
If there are at least two consecutive sections without banner images, the Alternating Background Colors tweak appears so you can adjust the color.
I can't see my separating border
If you can't see the separating borders between sections without banner images:
- Open Site Styles while on the Index Page.
- In the Index section, check Section Separator: Border.
- Click the Border Color tweak and adjust the color.
Why are my Gallery images darker than normal on the Index Page?
Your Index Page may be displaying the Gallery section with a partially opaque filter.
Why isn’t my gallery overlay color showing?
The gallery overlay color appears when there's a description or title for that image. If there's no description or title, the overlay color won’t show. To learn how to add an image title or description, visit Using Gallery Pages.
How do I adjust the headers and text on my Index Page?
Within an Index, how you adjust the color and size of the heading and text depends on the type of page and whether there's a banner image or not.
For Album Pages and Layout Pages, see Site Styles categories below:
Pages with a banner image
- Adjust font and typography using the tweaks under Main Content.
- Adjust color and size using the tweaks under Index Overlay.
Pages without a banner image
- Adjust font, typography, color, and size using the tweaks under Main Content.
For Gallery Pages, use the Index Gallery section.
My Index Page doesn't scroll all the way to the top
Index Page links in the navigation take you to the top of each Index Page section. To have the link for the top section take you to the very top of your site:
- Go to your Index Page.
- From the Home Menu, click Design, then Site Styles.
- In the Site Header section, check Transparent On Banner Images.
This displays your site title and navigation over your site's banners, including the top section of your Index. Clicking the link for the top section in your Index (for example, the Home link on the Pacific demo site) will now take you to the top of your site.
How do I add RSVP or registry links?
Create an RSVP button on a Layout Page using a Form Block. This block collects information from visitors.
Create registry links on a Layout Page with a Grid Gallery Block, using images with clickthrough URLs to different registry sites.
To see an example of how these look in practice, see the Naomi Live Preview page.
How do I add navigation links for Gallery Sections in an Index?
If you've set an Index Page as your homepage, its Album and Layout Page sections automatically display as site-wide navigation links.
Gallery Page sections don't create links automatically, but you can use the Link option to add an Index anchor link to your navigation.
- In the Pages panel, click + next to Main Navigation.
- Click Link.
- In the Link Title field, add the title of your Gallery Page.
- In the Link field, add the Index Page slug and anchor link. For help, visit Adding Index Page anchor links.
- Click Save.
Tip: For the Pacific family, add -section after the anchor link. The full link will look something like this: /index-slug/#gallery-slug-section
Tip: You can also use this method to create navigation links to sections of an Index that isn't your homepage.
Create a non-cropping banner with an Index
Page banners in any template always experience some cropping, especially on mobile devices.
With the Index Page in the Pacific family, you can create the look of a header banner that doesn't crop:
- Add an Index Page.
- Add a Gallery Page to the Index.
- Add your preferred banner image to the Gallery Page. Don't add more than one image, as this will affect the cropping.
- Add text to the Image Title and Description fields. This text will display over the image.
- In Site Styles, scroll down to Index Gallery and select Design: Slideshow and Slideshow Aspect Ratio: Auto.
- Add any page content you want to display below the banner as a second page within the Index.
Use these Site Styles tweaks to further adjust how the Gallery Page image displays:
- Transparent on Banner Images - Display the site header over the image.
- Gallery Overlay Color - Adjust the color filter over the image.
- Gallery Title and Gallery Description - Adjust the font and color of the gallery image text.
Here's an example of how the page might look: