To change the sidebar position, add the data-position
attribute with any of the following values. When using the data-position
attribute it's not required to add any extra CSS classes.
Value |
Description |
Default |
left |
Positions the sidebar to the left |
check_circle |
right |
Positions the sidebar to the right |
{% include 'code/data-attributes/sidebar-position.html' %}
To change the sidebar position without JavaScript, you can add the following CSS classes manually to the .sidebar
element.
CSS Class |
Description |
.sidebar-left |
Positions the sidebar to the left |
.sidebar-right |
Positions the sidebar to the right |