A space between the header and the video loop in brooklyen theme

Hi there! I am trying to figure out how to remove the large amounts of padding between the menu and the looping video and then the header underneath on my home page(in the mobile version). I also do not like how much room there is between the header and first section of any of my pages (example: the About Me page). Is this a Heading/Header setting? There are larger amounts of space between most of my headers and body text. I have tried a couple fixes from other discussion forums but none have worked so far so I don’t think I was placing the right code in the right section. Thanks in advance for your help!

Website: basmet-harer.com

i fix that problem in the desktop version but its still in mobile version

Go to your online store → customize → settings → custom css and paste this code there

@media screen and (max-width: 767px)
.videoBackground .videoBox {
    min-height: 400px !important;
}

Hey @basmet_harer1 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

I tried youre solution and i got this error

sorry use this code instead

@media screen and (max-width: 767px) {
    .videoBackground .videoBox {
        min-height: 400px !important;
    }
}