ヘッダー画像（スライダー）の高さを狭くしたい

カスタマイザーの追加 CSS、もしくは子テーマの CSS に下記を追加するとどうでしょうか？

.wpaw-slider__item {
    min-height: auto !important;
}

もし位置的にウィジェットではなくブロックでも対応が可能なのであれば、Snow Monkey Blocks のスライダーブロックは画像の画角を保ったまま表示されるので、それを使うのもアリかもしれません。

また、上記のcssでも、状況は変わりませんでした。

他の CSS の影響や、配置しているウィジェットエリアによって違いがあるのかもしれませんね…。

画像をデバイスで目一杯のサイズで表示させたいのですが、どのように設定したら宜しいでしょうか？

下記どうでしょうか？（画像ウィジェットは他の場所でも使う可能性が高いかな？と思ったので、その場所だけに適用されるようにID指定にしています。ご自身の環境にあわせて変更してください）

#media_image-2 .c-container {
    padding: 0;
    max-width: none;
}

#media_image-2 img {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    width: 100%;
}

良かったです！トピック閉じます。