---
title: Calendar shortcode for a narrow sidebar
description: HomeRunner has two calendar shortcodes, and the one you choose affects how readable the calendar is in a narrow sidebar column. The…
url: "https://homerunner.io/docs/which-calendar-shortcode-should-i-use-in-a-narrow-sidebar-column-in-homerunner/"
updated: "2026-10-26"
category: Theme and design
---

# Calendar shortcode for a narrow sidebar

HomeRunner has two calendar shortcodes, and the one you choose affects how readable the calendar is in a narrow sidebar column.

The `[homerunner-availability-calendar id=N]` shortcode shows two months side by side on screens wider than 768px and is designed for full-width sections. In a narrow column, its day cells and nightly prices are cramped.

The `[homerunner-property-calendar id=N]` shortcode shows one month at a time, with the nightly price under each open date and a **See Price** button that pre-fills the booking box with your guest's chosen dates. Use this shortcode for sidebar columns around 450px wide.

Replace `N` with the listing's HomeRunner property ID, which you can find under **HomeRunner > Properties**.

Still stuck? [Contact the HomeRunner team](https://homerunner.io/contact/) with your site address and what you tried, and we take it from there.