How can I adjust the mobile header alignment in the Dawn theme?

Hi there,

I’ve been working on a shop with the Dawn theme and it looks great on desktop. However, I would like to change the header/banner for the mobile view.
The Text alignment is right on mobile and desktop but I can’t change the alignment of the picture itself. On mobile it shows me the middle of the image, but I’d like the image to be left aligned on mobile.
Is there a way to do that? The text can stay right aligned.

This is what the website looks like on desktop:

This is what is currently looks like on mobile:

This is what I would like the header to look like: (sorry for the rough edit, but you get the idea):

Any way to change the code? As in the theme settions there isn’t an option for that.

Many thanks in advance.

@jdbusiness
Hii,
Can You Please Share Your Store URL…

Sure, it’s
scmidtgeschenke.myshopify.com
pw: bayway

@jdbusiness - add this css to the very end of base.css file and check, should look like screenshot below

@media screen and (max-width:749px){
#shopify-section-template--14918299943048__image_banner .media>img
{object-fit: cover; object-position: left center;}
}

You are brilliant! It worked, thank you so much.

1 Like

@jdbusiness - welcome, do let me know if you need anything later, you have my email below.