How to get rid of white padding beneath the video header

Hi,

My website’s davidshkim.com.

I’m having trouble getting rid of the huge blank padding beneath the video header that gets created as I make the screen size smaller.

Also I’ve added the following CSS code to hide the play/pause button but I can still see it on desktop:

@media only screen and (max-width: 2000px) {

#wp-custom-header-video-button {
display: none;
}

}

Hello @david939,

  1. Can you please provide some explanatory screenshots to illustrate what exactly you want to achieve? You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

  2. Please try to use the following CSS code instead of what you mentioned above. You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

#wp-custom-header-video-button {
    display: none;
}

Kind Regards, Roman.