word pressの「Elementor」 の制作方法に関して

Question

word press初心者になります。
まだまだ操作方法は勉強中で、今回「Elementor」のプラグインを入れて制作をしてみることにいたしました。
その際に、修正の仕方や制作方法がわからず、困っております。
現在はグローバルナビが横になっているサイトを制作しております。
画像のようなイメージです。

いまいち使い方がわからず、色々といじりながら覚えているのですが、
このサイトで聞いても問題ございませんでしょうか？
下記に質問内容を記載いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
メニューの部分はテーマを設定して、中身の部分は「Elementor」 で制作中です。

このメニューの幅を伸ばしたくて、CSSで下記のように記述いたしました。
(外観 > カスタマイズ > 追加CSS )

.sidebar {
    width: 3200px;
}

すると、幅は広がったのですが、右側のコンテンツが上に重なっている状態になってしまいました。

どうすれば、回避できるのでしょうか？

誰かわかる方ご教示いただけますと幸いです。
何卒よろしくお願いいたします。

Comments

[yasutomi]

word pressではなくWordPressです。

[yasutomi]

「Elementor」 のCSSのコード全体の記載がないため
誰にも回答不可です。

あとwidth: 3200px;は明らかに間違いなので修正が必要です。

Answer 1

経験談ですが、Elementorを使いだしたら、全部その中で編集を完成させないと正しく表示されません。追加CSSをElementorの編集画面に記載して見てください。あるいはElementorをやめて標準のエディタで記事編集＋追加CSSでもいいです。

Comments

[kinrinkaryu]

追記：記事内にCSSを書くときは<style> CSS内容</style>、あと勝手に<br />が入ることがあるので、うまく動作させるためには{}の中に改行を入れないように気をつけてくださいね。