Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Adding a Mobile Information Bar

The Mobile Information Bar displays your business information in a banner at the bottom of your site when viewing it on a mobile device, giving visitors quick access to your contact information on the go. It appears when you're at the top of a page and disappears as you scroll down.

Mobile Information Bars are a Premium feature available in Business and Commerce plans.

Watch a video

What displays in a Mobile Information Bar

The Mobile Information Bar can include these buttons:

  • Email - Opens an email to your email address
  • Call - Prompts a call to your phone number
  • Map - Opens a map with a pin on your location
  • Hours - Opens your business hours and shows if your business is currently open or closed

The bar doesn't display on Cover Pages or when viewing sites on desktop browsers or tablets.

Mobile_Info_Bar.png

Tip: Some templates offer more customizable mobile bars.

Add a Mobile Information Bar

To add a Mobile Information Bar:

  1. In the Home Menu, click Settings, and then click Mobile Information Bar.
  2. Select Enable Mobile Info Bar (Dark) or Enable Mobile Info Bar (Light) from the drop-down menu.
  3. Add or check the information to show in the Mobile Information Bar. You can show an email address, phone number, location, and business hours. This information pulls from Business Information Settings.
  4. To change any details, click Edit.
  5. Click Save to publish your changes.
  1. Tap Settings, then tap Mobile Information Bar.
  2. Tap the Show toggle to enable the bar.
  3. Tap Style to choose a Light or Dark look.
  4. Tap the toggle for information to add to the Mobile Information Bar. You can show an email address, phone number, location, and business hours. This information pulls from Business Information Settings.
  5. To view or edit details, tap Edit Business Information.
  6. Tap Save to publish your changes.

Troubleshooting

The Mobile Information Bar isn't displaying

First, check if you enabled the Mobile Information Bar by following the steps above.

If it's enabled but you're still not seeing it, some text entered in Business Information Settings might have a formatting issue called "nonbreaking spaces." Nonbreaking spaces can happen if text was pasted from a service or text editor outside of Squarespace. In HTML, these appear as  .

To fix this, delete any text you copied or pasted into Business Information Settings, and then type the text instead of copying and pasting.

Was this article helpful?
29 out of 56 found this helpful
Adding a Mobile Information Bar