Motion Theme-Reducing the space between the header and the video hero

Store Design
1

Hello community!! I m using Motion theme for my shop https://everydayheroes-store.com/ my question is how can i reduce the space between the header and the video hero? I will appreciate any help on this . Thank you !

2

@everydayheroess ,

.template-collection .main-content, .template-index .main-content {
    padding-top: 170px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

Thank you so much ! It work at desk top but the space on the mobile view is remaining. Can we do something for that ?

4

@everydayheroess

yes, please add this code

@media (max-width: 768px) {
.template-collection .main-content, .template-index .main-content {
    padding-top: 70px;
}
}
5

Hi ! It seams that the space became smaller but need more , do you

sp.jpg
sp.jpg431×379 25.5 KB

offer any other recommendations?

6

@everydayheroess

yes its animation spacing top and bottom if remove this please check your theme setting

7

Hi dear Ketan Kumar and thank you for your time ! I deactivate all the animates between sections ,pages and images but the space still remaining big .

ddd.jpg
ddd.jpg1008×515 54.8 KB