Sidebar

Blocksy’s Sidebar options let you control the appearance, spacing, behaviour and responsive visibility of sidebars across your website. These settings define how the sidebar itself is presented, while individual post types and archives determine where a sidebar is enabled and whether it appears on the left or right.

To access these options, navigate to Customiser → General Options → Sidebar.

Quick Look

An overview of the Sidebar options in the Customiser.

Granular Controls

Design Type

The Design Type setting determines the overall visual treatment of the sidebar. Four styles are available, each providing a different relationship between the sidebar, its widgets and the surrounding page content.

  • Type 1 – a clean, traditional sidebar presentation.
  • Type 2 – places the sidebar content inside a distinct background container.
  • Type 3 – visually separates the sidebar from the main content area.
  • Type 4 – applies the sidebar background treatment across the full sidebar area.

Additional colours, borders and other visual properties for the selected style can be adjusted from the Design tab.

Sidebar Width & Spacing

The spacing controls let you fine-tune how much room the sidebar occupies and how it relates to both the main content and the widgets placed inside it.

  • Sidebar Width – controls the overall width allocated to the sidebar.
  • Sidebar Gap – adjusts the distance between the sidebar and the main content area.
  • Widgets Vertical Spacing – controls the amount of vertical space between individual widgets.

Classic Widget Title Tags

Blocksy also provides a compatibility control for changing the HTML heading tag used by titles from WordPress’ legacy Classic Widgets.

This setting applies only to classic widget markup. Widgets created with the block-based Widgets editor control their own heading structure and do not inherit this option.

Sticky Sidebar

Sticky sidebar controls let you keep selected sidebar content visible while the visitor scrolls through a longer page. This can be useful for elements such as navigation, calls to action or other information that should remain readily accessible.

When sticky behaviour is enabled, Blocksy keeps the configured sidebar content within the viewport as the main page continues to scroll.

Responsive Visibility

The responsive controls determine whether the sidebar is displayed on desktop, tablet and mobile devices. This makes it possible to keep the sidebar on larger screens while removing it from layouts where horizontal space is more limited.

On smaller screens, you can also control the sidebar’s position relative to the main content, allowing it to appear either before or after the content when enabled.

Not the solution you are looking for?

Please check other articles or open a support ticket.