How do I reposition the picture in the image banner on my phone to look the same as the desktop view

[lukafernada]

This is the view on my phone:

How do I reposition the picture in the image banner to the centre like my desktop view:

 

[BSSCommerce-HDL]

Hi @lukafernada, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
div#Banner-template--20584607220061__5ed3bca8-4eb7-46bb-88be-55f6ca919eca {
    position: relative;
}

#Banner-template--20584607220061__5ed3bca8-4eb7-46bb-88be-55f6ca919eca .banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in {
    position: absolute;
    top: 25%;
    left: 0;
    background-color: #ffff;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[lukafernada]

sorry it didn't really help, it didn't move the image to the centre and it just displayed the text box display as a banner.

Is there anyway I can alter the code to centre the image?