# 새 사이드바를 왼쪽에서 오른쪽으로 변경 (영어 포럼)

**URL:** <https://meta.discourse.org/t/switch-the-new-sidebar-from-left-to-right-side-english-forum/256239>\
**Category:** Feature\
**Tags:** sidebar\
**Created:** [2월 25, 2023, 1:16오후 UTC](https://meta.discourse.org/t/switch-the-new-sidebar-from-left-to-right-side-english-forum/256239 "2023-02-25T13:16:06Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)\
**Post date:** [2월 28, 2023, 5:20오전 UTC](https://meta.discourse.org/t/switch-the-new-sidebar-from-left-to-right-side-english-forum/256239/12 "2023-02-28T05:20:32Z")

</div>

자, 이 줄을 추가하세요.

```css
span.header-sidebar-toggle {
    order: 1;
}

```

> [@Lhc\_fl](#):
>
> ```css
> body #main-outlet-wrapper {
> grid-template-areas: "content sidebar";
> grid-template-columns: minmax(0, 1fr) 0;
> }
>     
> body.sidebar-animate #main-outlet-wrapper {
> grid-template-areas: "content sidebar";
> }
> body.has-sidebar-page #main-outlet-wrapper {
> grid-template-areas: "content sidebar";
> grid-template-columns: minmax(0, 1fr) var(--d-sidebar-width);
> padding: 0 0 0 10px;
> }
> 
> ```

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/9/c/49cec183a389c05d5a73c454e83a4aec12877cc3.png)

---

_[View the full topic](https://meta.discourse.org/t/switch-the-new-sidebar-from-left-to-right-side-english-forum/256239)._