For the complete documentation index, see llms.txt. This page is also available as Markdown.
Utility bar
What It Does
The Utility bar section lets you add custom links, social media, localization, or customer account options to the top section of your website.
On mobile devices, this section is hidden, and any added blocks appear in the menu drawer instead.
How to Edit It
In the Shopify theme editor, find the Utility bar section in the sidebar.
Click on it to expand its settings.
Adjust the settings described below to customize its appearance and behavior.
Click Save to apply your changes.
Settings
Horizontal alignment
Controls the horizontal alignment on desktop.
Minimum height
Controls the minimum height of this element on desktop.
Text size
Controls the Text size.
Input / button color scheme
Controls the Input / button color scheme. Choose from: Primary, Secondary.
Color scheme
Applies a predefined color scheme to this element.
Color schemes are sets of coordinated colors you define under Theme settings > Colors. Choosing a scheme applies its background, text, and accent colors.
Supported Blocks
Localization
See the child document for full settings: Localization
