無料テーマSimpleの、サイドバーを右側に表示させたい

表題の通り、無料テーマSimpleのサイドバーは左側にあると思うのですが、

これを右側に表示させたいと考えています。

丁度例としては下記のようなサイトのイメージです。

https://mugigokoro.organic

ある程度コードについての知識はあるのですが、

shopifyの固定セクションであるヘッダーやフッター、サイドバーの編集方法が分からず、本件でもつまづいております。

どなたかその辺りの知識がある方がいらっしゃいましたら、お教えいただけますと幸いです。

管理画面にログインして、「アクション」→「コードの編集」と進み、Layoutフォルダ内のtheme.liquidファイルを選択してください。

{% section “sidebar” %}をmainタグの下に移動させれば、サイドバーが右側に表示されると思います。


{% section "sidebar" %}

※ただし、このやり方だとスマホ表示のときにハンバーガーメニューがページ下部に表示されてしまいます…