Shrink Header Text and Move Down on Dawn Theme

[Majixo1561]

Hello, I am trying to shrink the header text only on mobile and move it down so that it does not cover our header image (see above image). The desktop version looks good and we are only having issues with formatting on mobile. We currently use the Dawn theme. Our website link is medupped.com and the password is “Lukria”.

Thanks in advance for the help!

JS

[suyash1]

@Majixo1561 - add this css to the end of your base.css file and check

@media screen and (max-width:749px){
#Banner-template--16363915509987__image_banner .banner__content{top: 30px;}

#Banner-template--16363915509987__image_banner .banner__content .banner__text{margin-top:0;}

#Banner-template--16363915509987__image_banner .banner__content .banner__buttons{margin-top:0;}
}

[KetanKumar]

@Majixo1561

yes, please confirm this look

[Majixo1561]

This looks great! Thank you so much for the help!!