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

Brine, Aria, Basil, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Polaris, Rally, Rover, Sofia, Sonny, Sonora, Thorne, Wav, and West share the same underlying structure and functionality. This guide applies to all these templates.


This guide explains some of the most common issues that arise when using these templates.

Why aren’t drop-down menus appearing in the footer navigation?

Folders don't display as drop-down menus in the Footer Main Navigation. Instead, you can display them as separate columns with the folder title as a header.

To add drop-down menus to your navigation, add the folder to the Main Navigation or Secondary Navigation.

Why is my text narrow and centered?

When certain blocks are in a single column, they automatically inset to the middle of the page with white space on either side. 

To remove the content inset, set the Content Inset tweak to 0 in the Main section of the Style Editor.

To learn more, visit Structure and style.

My site title looks different on mobile devices

Your template's customizable mobile styles allows you to set a different font style for your site title in desktop than in mobile.

To keep your branding consistent across devices, select the same font style in the Mobile Branding and Header Branding sections of the Style Editor. 

My columns are displaying in the wrong place

Single columns with a content inset wrap around floated blocks.

If the floated block is taller than the single-column content, it can interfere with the layout of multi-column content below. To adjust this, add a Spacer Block above the multi-column content.

My header elements aren’t displaying properly

If too many elements are set to display in the same area of the header, they may overlap. You may see this behavior on tablets or smaller browser windows.

For best results, place each element in a different part of the header. Choose where each element displays in the Header section of the Style Editor.

My images aren’t displaying at site width

Image Blocks don't follow the content inset. Instead, they display at the width of the site. Adjust the site width with the Width tweak in the Site section of the Style Editor.

You can also check Stretch in the Image Block Editor to ensure the image displays at the full width of the block. To learn more, visit Using the Image Block.

Tip: You can create full-bleed images on Index Pages by adding either a Regular Page section with a thumbnail, or a slideshow Gallery Page section. Learn more about the Index Page.

Why don't my blog posts have comments sections?

Blog comments are disabled by default in these templates, even if you enable comments on an individual blog post.

To enable comments for your site:

  1. In the Home Menu, click Settings.
  2. Click Blogging.
  3. Click Comments Settings.
  4. Check Enable Comments Globally. More comment settings will appear.

To learn more, visit Managing comments.

Why aren't my Index sections displaying at the height of my browser?

To set some or all content (Regular Page) sections to display at the height of the browser:

  1. In the Style Editor, scroll down to the Index: Page section.
  2. Use the Apply Minimum Height tweak to set which section are affected.
  3. Set the Minimum Height tweak to 100vh. 

If your section isn't filling the height of the browser:

  • Experiment with the Padding (Overlay Pages) and Padding tweaks until you achieve the look you like. 
  • If your section content (including padding) is larger than the height of the browser, it will remain its original height.
  • The Mirror Border tweak may also affect the display of first sections.

For gallery sections:

  • Layout: Slideshow - Check Use Fixed Height to manually set the height.
  • The height is set automatically by the number and size of the gallery's images.

My mobile style options aren't appearing on mobile

If your mobile style settings aren't appearing on mobile devices and Device View, it could be that your site is set to switch to mobile view only on very narrow browsers. To reset the width at which it switches:

  1. From the Home Menu, click Design, then Style Editor.
  2. Scroll down to the Mobile section.
  3. Ensure your Mobile Breakpoint is set to 640 pixels or higher. 
  4. Click Save.

My Index Page mirrored border isn't the right color

The mirrored border takes its color from the main content area. To set this, use the Color tweak in the Main section. For more information and detailed steps, see the Index Page guide.

My parallax images are too cropped

In the Main: Overlay section, check Parallax Smart Crop. When this tweak is checked, the images crop the minimal amount required for parallax display.

Was this article helpful?
6 out of 21 found this helpful
Brine troubleshooting