Brine templates offer versatile features to create professional websites for any business or brand. Let's explore their key features and customization options.

Headers and Navigation

The header consists of two sections:

• Upper section: Customize height, colors, and add elements like site title, logo, navigation links
• Lower section: Accepts background images and intro content
• Three navigation areas: main, secondary, and footer

Banners

• Display full-screen on layout and collection pages
• Serve as lower header background
• Support parallax scrolling effect
• Stack multiple banners on index pages
• Customizable with color overlays and intro content

Footer Features

Two layout options:

• Columns: Horizontal display with block areas, business info, and navigation
• Stacked: Vertical display with customizable block areas

Index Pages

• Stack multiple pages into sections
• Content sections for text and buttons
• Gallery sections with grid or slideshow options
• Customizable section heights
• Navigation dots or lines for easy browsing

Mobile Optimization

• Responsive design for all devices
• Customizable mobile breakpoint
• Navigation bars at top and bottom
• Mobile-specific styling options
• Condensed navigation menu with ☰ icon

Additional Features

• Ajax loading for faster page transitions
• Customizable site border
• Flexible content width options
• Advanced share buttons
• Multiple language support

The Brine family includes over 40 templates, each sharing these core features while offering unique design elements. All templates support customization of fonts, colors, layouts, and content presentation.

For optimal performance:

• Keep Ajax loading enabled
• Set appropriate mobile breakpoints
• Use content insertion for balanced layouts
• Optimize images for banner areas
• Test layouts across different devices

Related Articles

Previous Articles