Image Banner Desktop Content Position Set to Top Left, but appering central

[Mattgws]

Hi,

This is how my Image banner appears in the design view which is how I'd like it.

This is how it appears on my web browsers

Any idea why it's appearing centre rather than left?

Site watchbits.co.uk

Theme: Dawn

[BSS-TekLabs]

- Here is the solution for you @Mattgws 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media screen and (min-width: 750px) {
    .banner__content.banner__content--bottom-right {
        justify-content: left !important;
    }
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Made4uo-Ribe · Accepted solution]

Hi @Mattgws 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (min-width: 750px) {
    .banner .banner__content.banner__content--bottom-right {
        justify-content: flex-start;
    }
}

Amd Save. 

Result:

let me know if you want more far right. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Mattgws]

Thanks, that's perfect