Remove unwanted white space under header on blog post

[WWF]

I would like to know how to remove the whitespace under the header on my blog post:
Link: https://www.wildbirds.dk/traeningstur/
Also the vimeo video is looking fine on desktop, but on mobile there is a lot of over and under the video, how to fix that?

[Prasant]

Hello @WWF,

Thanks for writing in!

I see that you are using Elementor to create the posts. If you are referring to the spacing after Title as shown in screenshot, please add following CSS under Pro > Theme Options > CSS. Please note that as you are using a 3rd party page builder took that’s not a part of Pro Theme bundled plugin list, providing support beyond this will fall outside the scope of support we can provide.

.elementor-page-title {
    margin-bottom: 0 !important;
}

.elementor-page-title .elementor-widget-container {
    margin-bottom: 0 !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.