Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

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

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

lukafernada
Explorer
151 2 56

This is the view on my phone:

IMG_0039.jpeg

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

Screenshot 2024-09-18 at 23.33.12.png

Replies 2 (2)

BSSCommerce-HDL
Shopify Partner
2305 833 906

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 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

lukafernada
Explorer
151 2 56

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?