一時的に見えなくなれば良いということでシンプルな対処としては以下のようにされると良いと思います。

.sideArea {display: none;}

その場合、サイドバーは削除できましたが全てが左寄りとなり右にサイドバー分の余白ができてしまったので、
下記の内容で記述してみましたが、ヘッダー以外が真ん中にもってこれましたがヘッダーは右寄りとなってしまいました。

ヘッダー画像を左右余白なくするにはどのようにしたらいいでしょうか。

すみません。他の記述で解決しました！教えていただきありがとうございました！