2 列の流体グリッド。モバイルでブートストラップ アコーディオンのメディア クエリがあります。固定トップのナビゲーション バーのように、アコーディオンをモバイルで画面の全幅に広げたいと考えています。
以下の css をアコーディオンに適用すると、.container のサイズ設定が上書きされますが、右の列が上/左の位置に浮かび、その上にアコーディオンが配置されています。これに対処するにはどうすればよいですか？
.accordion {
position: fixed;
right: 0;
left: 0;
margin-bottom: 0;
}
#right-column {
padding-top: 20px;
background-color: #ccc;
min-height: 500px;
}