Skip to main content

Header Block Icon

The Header Block Icon lets you add and customize an icon in your store's header. This makes your header more visually appealing and easier to recognize.

Header Block Icon

What is the Header Block Icon?​

The Header Block Icon is a small image or logo that appears next to your header text. You can customize it to match your brand or design style.

Key Features:​

  • Add a small icon or logo to your header.
  • Customize the icon to align with your brand.
  • Enhance the visual appeal of your store's header.
  • Make it easier for users to identify sections at a glance.

Default Behavior​

  • By default, the Header Block Icon is disabled.
  • When disabled, no icon will appear in your header block.

How to Enable​

  1. Go to Location Picker → Header Block tab.
  2. Find Header Block Icon, and click the Turn on button.
  3. Once enabled, use the customize icon option next to it to choose and style the icon.

Customization Options​

  • Upload a custom icon image.
  • Adjust size, style, and alignment using the Advanced CSS Styling classes.