web-dev-qa-db-ja.com

モバイルレイアウト構成

  • Joomla 3.6.5
  • Helix3テンプレート ここ

テンプレートのレイアウトは次のとおりです。

 - header |
 - left sidebar | main content | 
 - footer |

テンプレートをモバイルデバイス（devtools）で表示すると、left sidebarが最初にスタックし、main contentがその下に表示されます。これを元に戻すにはどうすればよいですか？最初にmain contentを表示してください。

テンプレートの構成設定が表示されません。

ありがとう

joomla-3.xtemplateshelix3responsive-web-designmobile-web-design
2
jonboy

@Lodderの link のおかげで、なんとかこれを行うことができました。

Helix3テンプレートレイアウトで、left sidebarブロックとmain contentブロックの位置を入れ替えました（ドラッグアンドドロップ）。

レイアウトは以下のようになります。

 - header |
 - main content | left sidebar | 
 - footer |

次に、次のように各ブロックにcssクラスを追加しました。

  • メインコンテンツpull-right

  • 左サイドバーpull-left

これはトリックをしたようです！

2
jonboy