How can I center my home page image on mobile using the Dawn theme?

[User1300]

Using the Dawn theme, how can I center the home page image so that the "Going Out Of Business Sale' is centered on mobile? I like how it looks on a desktop but I want it to be centered on mobile. 

https://shopshut-3517.myshopify.com/

Password: mojo

[PageFly-Victor · Accepted solution]

Hi @User1300 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>
@media screen and (max-width: 767px){
.media>img{
   object-position: right center !important;
}
}
</style>

Hope this answer helps.

Best regards,

Victor | PageFly