How to move banner box to the very bottom

[Justas99]

I believe that I will require a code adjustment to solve this solution. How can I move Banner Box under the text? I've tried putting it at the bottom but it's not enough since it covers the text. Attaching the picture underneath.

Using Shopify 2.0 Dawn theme

URL https://www.zenalitic.com/

[dmwwebartisan · Accepted solution]

@Justas99 

Please add following code your assets/section-image-banner.css bottom of the file .

@media screen and (max-width: 749px){
.banner__box>:first-child {margin-top: 33rem !important;}
.banner__box {padding: 0rem 0rem !important;}
}

Thanks!

[dmwwebartisan]

@Justas99 

Please share your store URL!

Thanks!

[Justas99]

https://www.zenalitic.com/

[dmwwebartisan]

@Justas99 

Please share screenshot what do you want exact?

[Justas99]

I'd like to move Shop Now Banner down under the Zenalitic title

[dmwwebartisan · Accepted solution]

@Justas99 

Please add following code your assets/section-image-banner.css bottom of the file .

@media screen and (max-width: 749px){
.banner__box>:first-child {margin-top: 33rem !important;}
.banner__box {padding: 0rem 0rem !important;}
}

Thanks!

[Justas99]

works perfectly fine on a mobile! Thank you! How can I change it on a Desktop?

[dmwwebartisan · Accepted solution]

@Justas99 

Please add following code your assets/section-image-banner.css bottom of the file .

@media screen and (min-width: 750px){
.banner__box>:first-child {margin-top: 62rem !important;}
.banner__box {padding: 0rem 0rem !important;}
}

Thanks!