Collection banner -dawn

[Pietrach]

Hi

I am using Dawn theme.

The collection banner puts the image at the bottom. I would like to move the image to after the heading but before the text, and then center everything (not adjusted to the left). Also to adjust the text size.

I realise I need to paste a code to base.css but I cannot code... Help please 😉

Thank you

[Moeed]

Hey @Pietrach 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Pietrach]

https://coffeeregister.co.uk/collections/fake-roaster-002

[Moeed]

Hey @Pietrach 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.collection-hero__inner.page-width.scroll-trigger.animate--fade-in {
    display: flex !important;
    flex-flow: column-reverse !important;
}
.collection-hero__text-wrapper {
    text-align: -webkit-center !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Pietrach]

Thank you. I have not tried it yet. Is it possible to move the image below the Fake roaster 002, but above the main text?