What's New in Shopify's Horizon Theme Version 3.0.0: A Major Redesign

Shopify's Horizon theme, the new-generation free theme powering 10 design presets (Horizon, Atelier, Heritage, Dwell, Tinker, Ritual, Fabric, Vessel, Pitch, and Savor), has received its first major version update with v3.0.0. Released on October 1, 2025, this release introduces significant architectural changes, performance improvements, and a completely redesigned footer — with 108 files changed across the theme.

What's New in Horizon 3.0.0

The official release notes describe this update as introducing "performance improvements, standalone sections for the logo and footer utilities, and simplified settings all around the theme, along with bugfixing." But beneath that summary lies a substantial rearchitecting of multiple core components.

1. Completely Redesigned Footer

The footer has been rebuilt from the ground up with a new CSS Grid-based layout replacing the previous Flexbox approach:

New Standalone Sections: The footer utilities (copyright, policies, social links) have been promoted from a nested block to a standalone section (sections/footer-utilities.liquid). This gives merchants more control over footer layout and styling through the theme editor.

New Logo Section: A brand-new sections/logo.liquid section has been added for the footer, supporting inverse logos, percentage-width or pixel-height sizing, separate mobile sizing controls, and horizontal alignment options.

Grid-Based Layout: The footer now uses a CSS Grid with up to 4 columns on desktop, 3 on tablet, and 1 on mobile, with smart handling of single items in the last row spanning full width.

New Social Links Block: A dedicated blocks/social-links.liquid block supports 13 platforms including Facebook, Instagram, YouTube, TikTok, Twitter/X, Threads, LinkedIn, Bluesky, Snapchat, Pinterest, Tumblr, Vimeo, and a custom URL field. It includes intelligent URL detection — for example, x.com automatically maps to the Twitter icon.

2. Performance Improvements

Horizon 3.0.0 includes several targeted performance optimizations:

Font Loading Priority: All font preload tags now include fetchpriority="low", deprioritizing font loading in favor of critical resources like images and layout CSS. The unnecessary preconnect to fonts.shopifycdn.com has been removed entirely.

Low Power Device Detection: A new isLowPowerDevice() utility detects devices with 2 or fewer CPU cores or 2GB or less of memory. View transitions for image zoom are automatically skipped on these devices, falling back to simple open/close behavior without animation.

Slideshow Optimization: Slideshows with only a single slide now skip scroll listeners, mouse events, visibility tracking, and resize observers entirely — reducing unnecessary JavaScript overhead.

Performance Metrics: More accurate performance measurement using performance.mark with precise event timestamps.

3. Simplified Settings

Several settings have been removed in favor of a simpler, more opinionated approach:

• Button font weight settings removed — the button_font_weight_primary and button_font_weight_secondary options (thin, light, regular, medium, semibold, bold, black) have been eliminated
• Menu style settings removed — the menu_style select and related options (text_only, collection_images, featured_products, featured_collections) are gone
• Secondary/tertiary menu font settings removed — only primary menu font settings remain
• Footer layout settings removed — content direction, section height, and background media settings are no longer available
• Logo height settings moved — logo sizing has moved from the header block to global theme settings (logo_height and logo_height_mobile)

4. Bug Fixes

This release addresses several notable bugs:

• Hero/Marquee horizontal scroll — removed overflow: inherit that was causing unwanted horizontal scrolling
• Product recommendations errors — added guards to prevent editor errors when adding recommendation blocks
• Cart quantity iOS alignment — fixed centering of the cart quantity circle on iOS
• Group content alignment on small screens — fixed flex wrapping behavior for mobile layouts
• Marquee speed — rewrote speed calculation for more consistent behavior across screen sizes
• Product title accessibility — removed incorrect aria-hidden="true" from product title links
• Long text in menus — added proper word-break handling with the new .wrap-text CSS class
• Email signup layout — converted to a custom element with improved button width calculation

Version Comparison: Horizon 3.0.0 vs. 2.1.6

Area	Horizon 2.1.6	Horizon 3.0.0
Footer Architecture	Flexbox with nested blocks	CSS Grid with standalone sections
Social Links	Basic implementation	Dedicated block with 13 platforms
Font Loading	Standard preload	Low-priority with fetchpriority
Low Power Devices	Same animations for all	Reduced animations automatically
Settings Complexity	Many granular options	Simplified and streamlined
Transparent Header	Enabled by default	Disabled by default on homepage

Breaking Changes to Watch For

This is a major version bump, and several changes could affect existing stores:

1. Footer utilities block removed — stores using the old footer-utilities block will need the new standalone section
2. Logo height settings moved — any customized logo heights in the header block will need to be reconfigured in theme settings
3. Button font weight settings removed — stores that customized button font weights will lose those customizations
4. Menu style settings removed — if you were using collection images or featured products in your menu, those options no longer exist
5. Homepage template reset — the default index.json has been dramatically simplified from ~1,775 lines to ~180 lines

Pre-Update Checklist

1. Backup your current theme — this is essential for a major version update
2. Document your current logo sizes — note your logo height values before updating, as you'll need to re-enter them in theme settings
3. Review footer customizations — any custom footer styling will likely need adjustment
4. Check button font weight usage — if you rely on custom button weights, plan to use CSS overrides

Post-Update Testing

1. Footer layout — verify logo, links, social icons, and copyright display correctly
2. Header logo — re-configure logo sizing in theme settings if needed
3. Mobile experience — test group content alignment and marquee behavior
4. Performance — check page load times, especially font loading improvements

Conclusion

Horizon 3.0.0 is a significant milestone that modernizes the theme's architecture while simplifying the merchant experience. The footer redesign with standalone sections gives more editorial control, while the performance improvements benefit every store visitor. However, the breaking changes mean this update requires careful planning — especially for stores with customized footers, logos, or button styling.

The update is available now in your Shopify admin. Given the scope of changes, we strongly recommend backing up your theme before updating and testing thoroughly in preview mode before publishing.

---

Updated to Horizon 3.0.0? We'd love to hear how the new footer layout and simplified settings are working for your store. Share your experience in the comments below!