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

Troubleshooting Avenue

This guide explains questions and issues that may come up when using the Avenue template.

Tip: For general help, see the Avenue 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 your site on both mobile and computers.

For more help, visit Troubleshooting cropping issues.

Gallery in an index isn't stacked

Galleries opened from indexes display in stacked view instead of slideshow view. They won't display this special formatting if:

Gallery is stacked instead of a slideshow

Gallery pages display stacked:

  • When opened from an index page.
  • On browsers narrower than 800 pixels, such as mobile devices.

How do I change page titles on index pages?

To change the text that displays below index thumbnails, edit the navigation titles for those pages.

I don't like the index special formatting

When opened from an index, gallery pages display images or videos in a stacked format, and gallery and layout pages don't show page headers or footers.

To create a different effect, there are two options:

  • Option 1 - Create the gallery with a layout page and gallery block, rather than a gallery page. The gallery on this page will always display in the format you've chosen, even when opened from an Index.
  • Option 2 - Create an alternative to the Index landing page with a grid gallery block on a layout page. This thumbnail navigation won't open gallery or layout pages with special formatting.

I hear an index page's audio or video clip on a different page

If you add audio or video blocks in the page-specific header of an index page, they display above the thumbnail images. When a visitor plays the file, the audio continues to play even when the visitor clicks the thumbnails to visit the pages within the Index.

This is part of the template’s design. If you don't want audio to play this way, delete the block from the Index and add it to a different page.

Index page thumbnails are in the wrong order

In Index styles, if Index thumb layout is set to Autocolumns, the index page thumbnail images may change position when you resize the page. This happens because the thumbnail images display at their original aspect ratio. As the page gets smaller, the images move based on the available space. To keep thumbnail images in the same order, set Index thumb layout to Basic grid instead.

Index page thumbnails aren't loading

Index thumbnails may not load if the image size is too big. Also, an index page's thumbnails load sequentially. If one thumbnail can't load, the other thumbnails after it also won't load.

If one or more of your thumbnails aren't loading, check the first blank image's size and ensure it's less than 2500 pixels along its longest edge. To change the image size, edit the image using third-party software, then re-upload it.

Index page thumbnails display the wrong color around the image edges

Depending on the image dimensions and your Index style settings, some thumbnail images might not fill the full thumbnail area. When this happens, the thumbnail background color fills the rest of the space.

To fix this:

  • Adjust the Thumbnail ratio in site styles to an even number.
  • Set the Index thumb background color in site styles to match the Site background color.

Logo is the wrong size on mobile

To set the size of your logo on mobile:

  1. In the Home menu, click Design, then click Site styles.
  2. Scroll to the Sizes & values section.
  3. Click Mobile logo size to set the size.

Page header or footer content disappeared

Page headers and footers are specific to the page. They don't display in indexes in some cases:

  • Page headers and footers added to the Index landing page don't display on individual pages within the index. Instead, add page headers to those individual pages.
  • Page headers and footers don't display on layout and gallery pages opened from an index. They will appear if those pages are opened from their direct URLs.

When I click an index thumbnail, the page opens but no content displays

This can happen with layout pages when the content is in a page-specific header or footer, rather than part of the main page content. Page headers and footers don't appear on layout or gallery pages when opened from an index.

To resolve this:

  1. In the Home menu, click Pages.
  2. Click and drag the page out of your Index.
  3. Hover over the page content below the site header or above the footer. When the Header content or Footer content annotation appears, click Edit.
  4. If the content you want to display is in the header or footer, recreate it in the main page area (between the page header and footer). Then delete it from the header or footer.
  5. In the Pages panel, move the page back into the index.

Was this article helpful?
10 out of 65 found this helpful
Troubleshooting Avenue