Skip to article frontmatterSkip to article content
Site not loading correctly?

This may be due to an incorrect BASE_URL configuration. See the MyST Documentation for reference.

Custom banners and sidebar footers in the MyST Book Theme

Jupyter Book
2i2c

Two new customization points recently landed in the MyST Book Theme: announcement banners you can write in Markdown, and a primary sidebar footer you can customize. They make it easier to share timely notices—upgrade windows, workshops, deprecations—or tailor the navigation area with your own links and branding instead of the default “Made with MyST” badge.

Dismissible announcement banners

You can now add a site-wide banner that appears above the navigation on every page.

Announcement banner example.

Announcement banner example.

For example, put any MyST Markdown content into site.parts.banner in myst.yml like so:

site:
  parts:
    # Here we show linking to a local file, you could also give md directly
    banner: _site/banner.md

The banner includes an “X” button so readers can dismiss it, and that choice persists in their browser. The theme hashes the content, so if you change the message it will reappear for everyone. Complex content is somewhat supported, so feel free to add links, badges, or short callouts, but some functionality may not work the same (e.g., executable code cells).

The primary sidebar (the left table of contents) now accepts custom content at the bottom - this will replace the Made with MyST logo.

Custom sidebar footer example.

Custom sidebar footer example.

Set a Markdown file under site.parts.primary_sidebar_footer and it will render in place of the default branding. For example, here’s the sidebar footer in the Jupyter Book blog:

site:
  parts:
    primary_sidebar_footer: |
      Made with [Jupyter Book](https://jupyterbook.org) and the [MyST Engine](https://mystmd.org).

      ```{image} https://raw.githubusercontent.com/jupyter-book/jupyter-book/refs/heads/main/docs/media/images/logo.svg
      :link: https://jupyterbook.org
      :width: 50%
      ```

If you leave the file empty, the sidebar footer vanishes. Otherwise drop in a logo, support link, or short note.

Try it out

For details, see the updated UI components guide. Let us know how you use them, and what else would help you brand and communicate in your books.