How to make banner header closer to my banner image on MOBILE only?

Store Design
1

PRESTIGE THEME

I want to make my multi-banner header closer to the image. It looks like its for the image below it. Please help!

https://amandauprichard.com/

Screen Shot 2021-08-31 at 1.42.52 PM.png
Screen Shot 2021-08-31 at 1.42.52 PM.png778×1492 182 KB

2

@Amanda_Uprichar

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 640px){
.MultiBanner__Content{
    margin-top: 15px !important;
    margin-bottom: 35px;
}
}

Hope this works.

Thanks!

3

hello @Amanda_Uprichar

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 640px){
 .template-index  .MultiBanner__Content{
    margin-top: 15px !important;
    margin-bottom: 35px;
}
}