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

Store Design
1

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

2

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;
}
3

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.

ThePrimeWeb_0-1711833792959.jpeg
ThePrimeWeb_0-1711833792959.jpeg1253Ă—933 87.9 KB

4

I tried youre solution and i got this error

5

Screenshot_20240331_003224_Samsung Internet.jpg
Screenshot_20240331_003224_Samsung Internet.jpg1080Ă—2316 140 KB

6

sorry use this code instead

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