> ## Documentation Index > Fetch the complete documentation index at: https://docs.digifist.com/llms.txt > Use this file to discover all available pages before exploring further. # Footer > Configure your store's footer with menu columns, social links, newsletter signup, and brand information using a flexible grid system. 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. Footer section overview ## 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 From Shopify admin, access the Theme Customizer. The Footer section appears at the bottom of your store. Find it in the left sidebar under Static sections. Click "Add block" to add menu columns, social links, newsletter, or other footer content. Use column factor and row factor settings to position each block in the footer grid. Footer location in Theme Customizer ## 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. Footer grid layout system ## Section settings ### Spacing between blocks Controls gap between footer blocks (desktop only). **Options:** No, S, M, L, XL\ **Default:** M Mobile automatically stacks blocks with consistent spacing. Spacing between blocks setting ### Show first accordion open on mobile Automatically expands the first menu column on mobile screens. **Default:** Enabled Helps visitors quickly access top navigation links. Disable for cleaner collapsed appearance. Mobile accordion setting ### Section width Controls footer container width. **Options:** * **Page** - Content width (1400px max) * **Fluid** - 90% viewport width **Default:** Page ### Color scheme Background and text colors for footer. **Default:** Scheme 1 ### Section border Add borders to footer edges. **Options:** None, Top, Bottom, Both\ **Default:** None Use top border to separate footer from page content. Footer design settings ### Spacing top Padding above footer content. **Options:** None, S, M, L, XL\ **Default:** M ### Spacing bottom Padding below footer content. **Options:** None, S, M, L, XL\ **Default:** M Section spacing settings ## Block settings 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 text\ **Default:** Uses menu name Overwrites the menu's default heading. Leave empty to use menu name automatically. Menu column title setting HTML tag and visual size for column heading. **Options:** XS (h6), S (h5), M (h4), L (h3), XL (h2)\ **Default:** S (h5) Select which Shopify menu to display. **Default:** footer Create menus in Shopify admin under **Online Store > Navigation**. Menu selection setting Display social media links with icons or text. ### Available settings Control visibility per device. **Options:** Desktop, Mobile, Both\ **Default:** Both Hide 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 text Common headings: "Follow Us", "Connect", "Social" **Options:** XS to XL\ **Default:** S (h5) Display icons instead of text labels. **Type:** Checkbox Enable for cleaner visual appearance. Disable to show platform names as text. Social icons setting Open social media links in new browser tab. **Default:** Enabled Keeps 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, Both\ **Default:** 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 text\ **Default:** "Newsletter heading goes here" Example: "Stay Updated", "Join Our Newsletter" Newsletter heading setting **Options:** XS to XL\ **Default:** S (h5) Descriptive text below heading. **Type:** Inline rich text\ **Default:** "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, Both\ **Default:** Both **Column factor** - Block width (1-6, default: 1) **Row factor** - Block height (1-6, default: 1) **Logo** - Upload PNG/JPG logo image **Logo 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 logo settings Brand description or about text. **Type:** Rich text\ **Default:** "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 alignment Brand alignment settings Display 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 list **Override default payment icons** - Replace Shopify's auto-detected icons **Colorful payment icons** - Show colored logos instead of monochrome Icons automatically display based on enabled payment methods in your Shopify payments settings. Payment icons settings **Content position vertical** - Vertical alignment **Content alignment** - Desktop horizontal alignment **Content alignment for mobile** - Mobile alignment Custom content block for copyright, policies, or general text. ### Available settings **Options:** Desktop, Mobile, Both\ **Default:** 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 XL\ **Default:** S (h5) Main content text with special \[year] placeholder. **Type:** Rich text\ **Default:** "©\[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 text setting **Content position vertical** - Vertical alignment **Content alignment** - Desktop alignment **Content 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 alignment **Content alignment** - Desktop alignment **Content alignment for mobile** - Mobile alignment Shop Pay must be enabled in your payment settings for this block to display. [Learn more](https://help.shopify.com/manual/online-store/themes/customizing-themes/follow-on-shop) 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 alignment **Content alignment** - Desktop alignment **Content alignment for mobile** - Mobile alignment Country selector only appears when multiple languages or currencies are enabled in store settings. ## Best practices Three to four menu columns provide organized navigation without overwhelming visitors. Keep each menu focused on related links. Keep total column factors per row at 6 or less for balanced layouts. Example: three blocks with column factor 2 each. Use column factor 2 for newsletter blocks to draw attention to signup forms and increase subscriptions. Display social links as icons rather than text for cleaner appearance and better space efficiency. Place brand block with logo and description in left or center position for better visibility. Most blocks work best with row factor 1. Only increase row factor for tall content like brand descriptions. Preview mobile footer to ensure first accordion (typically most important menu) opens by default. Use "Show on" setting to hide less essential blocks on mobile for cleaner small-screen layouts. Always use \[year] in copyright text to automatically update each year without manual changes. Place payment icons and copyright in the same row at footer bottom. Place menus together in top rows. ## Common footer layouts **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 copyright **Multi-language store** - 2 menu columns + newsletter + country selector + payment icons **Brand-focused** - Large brand block (column factor 3) + 2 small menus + social links **Newsletter-focused** - Newsletter block (column factor 3, prominent position) + 2 menus + payment icons ## Related guides Configure header navigation and logo display