Site not displayed right on 1366×768 monitors

This site https://www.agroecologycompass.net/ shows fine on 1920×1080 monitors, but on 1366×768 the header is “squeezed” and the breadcrumbs sit on top of the site title.

Have tried Firefox and Chrome, same thing.

Screenshot (1366×768) uploaded here: https://www.agroecologycompass.net/wp-content/uploads/2020/07/squeezed-banner-issue.png

Screenshot (1920×1080) where the header is as expected uploaded here: https://www.agroecologycompass.net/wp-content/uploads/2020/07/without-banner-issue.png

And these are the ‘Customise->Header->Settings: https://www.agroecologycompass.net/wp-content/uploads/2020/07/customize-header-settings.png

What am I doing wrong?!

Website: www.agroecologycompass.net