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

[ashimorimeron]

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

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

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

https://mugigokoro.organic

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

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

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

[株式会社ナレッジサービス]

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

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

<main class="main-content grid__item medium-up--four-fifths" id="MainContent" role="main">
  {% unless request.page_type == 'index' %}
    <hr class="hr--border-top small--hide">
  {% endunless %}
  {% if settings.show_breadcrumb_nav and request.page_type != 'index' %}
    {% include 'breadcrumb-nav' %}
  {% endif %}
  {{ content_for_layout }}
</main>

{% section "sidebar" %}

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