The footer section displays site-wide information and navigation at the bottom of all pages. It uses a flexible grid-based layout system that lets you position menu columns, social links, newsletter signup, brand information, and payment icons exactly where you need them.
What this section controls
Menu columns with navigation links
Social media icon links
Newsletter signup form
Brand logo and description
Payment method icons
Country/language selector
Custom content blocks
Follow on Shop button
Getting started
Open Theme Customizer
From Shopify admin, access the Theme Customizer.
Locate Footer section
The Footer section appears at the bottom of your store. Find it in the left sidebar under Static sections.
Add footer blocks
Click “Add block” to add menu columns, social links, newsletter, or other footer content.
Configure grid layout
Use column factor and row factor settings to position each block in the footer grid.
Grid layout system The footer uses a grid system where each block can span multiple columns (width) and rows (height).
Column factor Controls how many columns (1-6) a block spans horizontally.
Example: A block with column factor of 2 takes twice the width of a block with column factor of 1.Row factor Controls how many rows (1-6) a block spans vertically.
Example: A block with row factor of 2 takes twice the height of a block with row factor of 1.Keep the total column factors in each row to 6 or less for balanced layouts. For example: three blocks with column factor 2 = 6 total.
Section settings Layout
Mobile
Design
Spacing
Spacing between blocks Controls gap between footer blocks (desktop only). Options: No, S, M, L, XLDefault: MMobile automatically stacks blocks with consistent spacing. Show first accordion open on mobile Automatically expands the first menu column on mobile screens. Default: EnabledHelps visitors quickly access top navigation links. Disable for cleaner collapsed appearance. Section width Controls footer container width. Options:
Page - Content width (1400px max)Fluid - 90% viewport width Default: PageColor scheme Background and text colors for footer. Default: Scheme 1Section border Add borders to footer edges. Options: None, Top, Bottom, BothDefault: NoneUse top border to separate footer from page content. Spacing top Padding above footer content. Options: None, S, M, L, XLDefault: MSpacing bottom Padding below footer content. Options: None, S, M, L, XLDefault: MBlock settings Menu column
Socials
Newsletter
Brand
Payment icons
Content
Follow on Shop
Country selector
Display navigation menu as a footer column. Available settings
Column factor - Block width (1-6 columns, default: 1)Row factor - Block height (1-6 rows, default: 1)Most menu columns use column factor 1 and row factor 1 for equal sizing.
Column heading text. Type: Inline rich textDefault: Uses menu nameOverwrites the menu’s default heading. Leave empty to use menu name automatically.
HTML tag and visual size for column heading. Options: XS (h6), S (h5), M (h4), L (h3), XL (h2)Default: S (h5)
Display social media links with icons or text. Available settings
Control visibility per device. Options: Desktop, Mobile, BothDefault: BothHide social links on mobile to simplify footer.
Column factor - Block width (1-6, default: 1)Row factor - Block height (1-6, default: 1)
Column heading text (desktop only). Type: Inline rich textCommon headings: “Follow Us”, “Connect”, “Social”
Options: XS to XLDefault: S (h5)
Display icons instead of text labels. Type: CheckboxEnable for cleaner visual appearance. Disable to show platform names as text.
Open social media links in new browser tab. Default: EnabledKeeps your store open while visitors view social profiles.
Configure social media URLs in Theme Settings > Social Media to display accounts.
Newsletter signup form block. Available settings
Options: Desktop, Mobile, BothDefault: Both
Column factor - Block width (1-6, default: 1)Row factor - Block height (1-6, default: 1)Use column factor 2 for newsletter blocks to make signup form more prominent.
Newsletter section heading. Type: Inline rich textDefault: “Newsletter heading goes here”Example: “Stay Updated”, “Join Our Newsletter”
Options: XS to XLDefault: S (h5)
Descriptive text below heading. Type: Inline rich textDefault: “Newsletter content goes here”Example: “Get the latest updates on new products and upcoming sales”
Display brand logo and description. Available settings
Options: Desktop, Mobile, BothDefault: Both
Column factor - Block width (1-6, default: 1)Row factor - Block height (1-6, default: 1)
Logo - Upload PNG/JPG logo imageLogo SVG code - Paste SVG code (overwrites image if present)Max desktop width - Logo width in pixels (default: 160)Max mobile width - Logo width in pixels (default: 130)Use SVG code for scalable logos that look crisp at any size.
Brand description or about text. Type: Rich textDefault: “Share contact information, store details, and brand content with your customers.”Include company info, tagline, or brief description.
Content position vertical - Aligns content vertically (Top, Center, Bottom)Content alignment - Desktop text alignment (Start, Center, End)Content alignment for mobile - Mobile text alignmentDisplay accepted payment method icons. Available settings
Column factor - Block width (1-6, default: 1)Row factor - Block height (1-6, default: 1)
Custom payment icons - Add custom payment types not in default listOverride default payment icons - Replace Shopify’s auto-detected iconsColorful payment icons - Show colored logos instead of monochromeIcons automatically display based on enabled payment methods in your Shopify payments settings.
Content position vertical - Vertical alignmentContent alignment - Desktop horizontal alignmentContent alignment for mobile - Mobile alignment
Custom content block for copyright, policies, or general text. Available settings
Options: Desktop, Mobile, BothDefault: Both
Column factor - Block width (1-6, default: 1)Row factor - Block height (1-6, default: 1)
Optional heading for content block. Type: Inline rich text
Options: XS to XLDefault: S (h5)
Main content text with special [year] placeholder. Type: Rich textDefault: ”©[year] Sahara, All rights reserved.”Use [year] to automatically display current year. Use content blocks for copyright notices, policy links, or additional company information.
Content position vertical - Vertical alignmentContent alignment - Desktop alignmentContent alignment for mobile - Mobile alignment
Allow customers to follow your store on the Shop app. Available settings
Column factor - Block width (1-6, default: 1)Row factor - Block height (1-6, default: 1)
Content position vertical - Vertical alignmentContent alignment - Desktop alignmentContent alignment for mobile - Mobile alignment
Shop Pay must be enabled in your payment settings for this block to display. Learn more Language and currency selector for international stores. Available settings
Column factor - Block width (1-6, default: 1)Row factor - Block height (1-6, default: 1)
Content position vertical - Vertical alignmentContent alignment - Desktop alignmentContent alignment for mobile - Mobile alignment
Country selector only appears when multiple languages or currencies are enabled in store settings.
Best practices
Use 3-4 menu columns Three to four menu columns provide organized navigation without overwhelming visitors. Keep each menu focused on related links.
Balance column widths Keep total column factors per row at 6 or less for balanced layouts. Example: three blocks with column factor 2 each.
Make newsletter prominent Use column factor 2 for newsletter blocks to draw attention to signup forms and increase subscriptions.
Enable social icons Display social links as icons rather than text for cleaner appearance and better space efficiency.
Use brand block strategically Place brand block with logo and description in left or center position for better visibility.
Keep row factor at 1 Most blocks work best with row factor 1. Only increase row factor for tall content like brand descriptions.
Test mobile accordion Preview mobile footer to ensure first accordion (typically most important menu) opens by default.
Hide complex blocks on mobile Use “Show on” setting to hide less essential blocks on mobile for cleaner small-screen layouts.
Use [year] placeholder Always use [year] in copyright text to automatically update each year without manual changes.
Group related content Place payment icons and copyright in the same row at footer bottom. Place menus together in top rows.
Standard footer - 3 menu columns (column factor 1 each) + social links + newsletter (column factor 2)Minimal footer - Brand block (column factor 3) + 1 menu column + content block with copyrightMulti-language store - 2 menu columns + newsletter + country selector + payment iconsBrand-focused - Large brand block (column factor 3) + 2 small menus + social linksNewsletter-focused - Newsletter block (column factor 3, prominent position) + 2 menus + payment icons
Header section Configure header navigation and logo display
