Configure the global header

The global header is the nonscrolling area at the top of every page in Vega. You can tailor the contents to align with the library’s branding. You can also add custom links.

Libraries that belong to consortia can create unique global headers that contain their logos, custom links, and privacy policies.

If you support multiple languages in Vega, you can customize the global header for each language. A language-specific configuration of the global header is called a translation. During initial setup, you must configure an English translation. You don’t need to add it; it’s already added for you, but you must complete the configuration. You must complete the English translation because it’s the default translation.

Multilanguage scenarios

For translations other than English, be aware of the following things:

  • If you don’t specify a value for the library logo or library name, the value in the English translation appears to patrons.
  • If you configure only one link, no other links appear to patrons even if the English translation has two configured links.

Use the following workflow to add multiple translations of the global header:

  1. Complete the English translation configuration.

    2. You must complete the English configuration before you can add additional translations.

  2. Add translations for additional languages.

Custom favicons

You can add a custom favicon to your global header. The following guidelines apply:

  • If the main site has a favicon, but other languages don't, all languages display the main site favicon.

  • You can add a different favicon for each language.

  • If you upload a favicon to the main site, any language that doesn't have a specific favicon displays the main site favicon.

  • You can add languages with a logo and a favicon without changing other languages.

  • If you add a new language without uploading a favicon, the global header displays the favicon you set for English (US).

  1. From the Settings menu, select Page Customizations > Header and Footer.
  2. On the Header and Footer page, select Add another translation.
  3. On the Add Config page, in the Language section, select the language for the translation.
  4. Configure one or more of the following:
    • Library Logo: This is the image on the left side of the header. Select Upload Logo, and then select either a .jpg or .png file. The file can be no more than 2 MB. If the image is larger than 240 pixels wide by 64 pixels tall, it is resized proportionally to fit in this space.

      • Required for English translation; optional for additional languages.

    • Favicon: Select Upload Favicon, and then select a square .jpeg or .png image that is between 32 x 32 pixels and 192 x 192 pixels.
    • Library Name: This is the text immediately after the logo. Enter the text to display. If the text is too long to fit in this space, an ellipsis (…) appears to patrons to indicate the text is truncated.

      • Required for English translation; optional for additional languages.

    • Link to Library Privacy Policy: Enter the text to display and the URL.

      • If you configure a custom privacy policy link, the two default policy statements don’t appear.

    • Custom Link:
      1. On the Link 1 tab, enter the text to display and the URL.

        2. The URL must start with http:// or https://.

      1. On the Link 2 tab, add a second link if desired.
      1. If you want to add additional links, select Add New.

        2. You can add a maximum of seven links.

  5. Do one of the following:

    • If you want the header to remain fixed when patrons scroll on a page, select Fixed Header.

    • If you want the header to scroll with the content, clear the Fixed Header checkbox.

  6. If you want to use custom header code, select Use Customized Header Code and enter the code.
  7. If you want to use custom footer code, select Use Customized Footer Code and enter the code.
  8. Test your changes:
    1. Select Preview.
    2. In the browser window that opens, review the test page and then close the window.
  9. Make changes as needed.
  10. Select Save.
  1. In the upper-right corner, select Settings Settings icon..
  2. Select Library defaults > Site Configuration.
  3. In the Actions column, select Options The Options icon. for the site or kiosk that you want to edit.
  4. Select Edit.
  5. On the Header and Footer page, select Add another translation.
  6. On the Add Config page, in the Language section, select the language for the translation.
  7. Configure one or more of the following:
    • Library Logo: This is the image on the left side of the header. Select Upload Logo, and then select either a .jpg or .png file. The file can be no more than 2 MB. If the image is larger than 240 pixels wide by 64 pixels tall, it is resized proportionally to fit in this space.

      • Required for English translation; optional for additional languages.

    • Favicon: Select Upload Favicon, and then select a square .jpeg or .png image that is between 32 x 32 pixels and 192 x 192 pixels.
    • Library Name: This is the text immediately after the logo. Enter the text to display. If the text is too long to fit in this space, an ellipsis (…) appears to patrons to indicate the text is truncated.

      • Required for English translation; optional for additional languages.

    • Link to Library Privacy Policy: Enter the text to display and the URL.

      • If you configure a custom privacy policy link, the two default policy statements don’t appear.

    • Custom Link:
      1. On the Link 1 tab, enter the text to display and the URL.

        2. The URL must start with http:// or https://.

      1. On the Link 2 tab, add a second link if desired.
      1. If you want to add additional links, select Add New.

        2. You can add a maximum of seven links.

  8. Do one of the following:

    • If you want the header to remain fixed when patrons scroll on a page, select Fixed Header.

    • If you want the header to scroll with the content, clear the Fixed Header checkbox.

  9. If you want to use custom header code, select Use Customized Header Code and enter the code.
  10. If you want to use custom footer code, select Use Customized Footer Code and enter the code.
  11. Test your changes:
    1. Select Preview.
    2. In the browser window that opens, review the test page and then close the window.
  12. Make changes as needed.
  13. Select Save.
  • Drag and drop the link tabs into the order you want.

See also