Top bar

Top Bar section is a versatile tool for displaying essential information such as links, announcements, social media profiles, and language options. It’s the first thing visitors see, making it a key component for enhancing your store’s usability and engagement.

How to add a Top bar section to your Shopify store

How to edit a Top bar section

Section settings

These settings control the overall layout and appearance of the Top Bar.

  • Container width: Choose between Fixed width or Full width, depending on your store’s design.

  • Color scheme: Select a color scheme that aligns with your branding. A contrast with the header color works best for visibility. See how to set up Colors: Colors

  • Section padding: Adjust the top and bottom padding to control spacing around the Top Bar.

Block settings

The Top Bar section supports four different block types:

Last updated