Brine templates help you build a professional website with customizable headers, footers, and content layouts. The templates support various page types and offer extensive styling options through the Site Style panel.

Header Structure

The header consists of two sections:

• Upper header: Customizable height and background color
• Lower header: Supports background images/videos and introduction content

You can add these elements to either header section:

• Site title/logo
• Navigation links
• Social icons
• Search bar
• Shopping cart
• Sign in button

Banner Features

Banners display full-bleed on layout and collection pages, with optional parallax scrolling effects. Key features:

• Color overlay options
• Customizable height
• Integration with introduction area
• Smart image cropping
• Stackable in index pages

Footer Layout

The footer includes:

• Three customizable content blocks
• Business information area
• Navigation links
• Two layout options: Columns or Stacked

Index Pages

Index pages combine multiple pages into stack sections:

• Content sections from layout pages
• Gallery sections with grid or slideshow options
• Customizable minimum heights
• Navigation indicators

Styling Options

Key customization features:

• Ajax loading for improved performance
• Optional site-wide borders
• Customizable fonts and colors
• Responsive design for mobile
• Content embedding options
• Flexible background colors

Mobile Experience

The site automatically adapts for mobile devices with:

• Customizable breakpoints
• Navigation bars
• Collapsible menu
• Search overlay
• Mobile-specific styling options

The Brine family includes over 40 templates, all sharing the same features and customization options. Templates support multiple languages and can be styled to match any brand or business needs.

[Remaining images included as per original article:]

Related Articles

Previous Articles